UI:CSS3 elemente: erinevus redaktsioonide vahel
Mine navigeerimisribale
Mine otsikasti
Uus lehekülg: '{{UI}}''Tutvume paari CSS3 abil võimalduva kujundusvõttega'' == Ülesanne == Taas: ülesannet võib teha paarikaupa. Kontrollige Firefoxiga, sest testin selle brauseriga. # ...' |
|||
| (ei näidata sama kasutaja 6 vahepealset redaktsiooni) | |||
| 8. rida: | 8. rida: | ||
# Kujundage 3 erinevat pealkirja text-shadow nimelise CSS3 omadusega; võimalik on lisada mitu varju. (Proovige ka tausta värvi tekstile teise värviga halo luua. | # Kujundage 3 erinevat pealkirja text-shadow nimelise CSS3 omadusega; võimalik on lisada mitu varju. (Proovige ka tausta värvi tekstile teise värviga halo luua. | ||
# Testige ära omadus nimega border-image; pilt võib olla kole, aga püüdke see ise ehitada. | # Testige ära omadus nimega border-image; pilt võib olla kole, aga püüdke see ise ehitada. | ||
== Viiteid == | |||
* [http://www.w3schools.com/css/css3_borders.asp W3Schools: box-shadow ja border-image] | |||
* [http://www.w3schools.com/css/css3_text_effects.asp text-shadow] | |||
* [http://blogs.sitepointstatic.com/examples/tech/css3-multiple-borders/index.html Mitu varju] | |||
* [http://www.w3.org/Style/Examples/007/text-shadow.en.html Mitme teksti varju ideid] | |||
Teemavälist: | |||
* [http://lab.hakim.se/reveal-js/ reveal.js] - presentatsioonide esitamise liides | |||
* [http://rvl.io/irve/kaughaldus Näide reveal.js teenusest] | |||
== Esitamine == | == Esitamine == | ||
Saatke E-post töö aadressi ja autoritega aadressil jaagup.irve@ttu.ee teemareaga "UI:CSS3". | Laadige töö veebi. Saatke E-post töö aadressi ja autoritega aadressil jaagup.irve@ttu.ee teemareaga "UI:CSS3". | ||
Viimane redaktsioon: 21. aprill 2014, kell 20:02
| Leht kuulub aine Kasutajaliidesed juurde. |
Tutvume paari CSS3 abil võimalduva kujundusvõttega
Ülesanne
Taas: ülesannet võib teha paarikaupa. Kontrollige Firefoxiga, sest testin selle brauseriga.
- Kujundage 3 div, millel on box-shadow nimelise CSS3 omadusega saavutatud erinevad efektid; võimalik on lisada mitu varju. Ühtlasi ärge unustage omaduse väärtusi inset ja spread radius katsetada.
- Kujundage 3 erinevat pealkirja text-shadow nimelise CSS3 omadusega; võimalik on lisada mitu varju. (Proovige ka tausta värvi tekstile teise värviga halo luua.
- Testige ära omadus nimega border-image; pilt võib olla kole, aga püüdke see ise ehitada.
Viiteid
Teemavälist:
- reveal.js - presentatsioonide esitamise liides
- Näide reveal.js teenusest
Esitamine
Laadige töö veebi. Saatke E-post töö aadressi ja autoritega aadressil jaagup.irve@ttu.ee teemareaga "UI:CSS3".