UI:CSS3 elemente: erinevus redaktsioonide vahel
Mine navigeerimisribale
Mine otsikasti
| 11. rida: | 11. rida: | ||
== Viiteid == | == Viiteid == | ||
* [http://www.w3schools.com/css/ | * [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://www.w3schools.com/css/css3_text_effects.asp text-shadow] | ||
* [http://blogs.sitepointstatic.com/examples/tech/css3-multiple-borders/index.html Mitu varju] | * [http://blogs.sitepointstatic.com/examples/tech/css3-multiple-borders/index.html Mitu varju] | ||
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".