UI:CSS3 elemente: erinevus redaktsioonide vahel
Mine navigeerimisribale
Mine otsikasti
Resümee puudub |
Resümee puudub |
||
| 15. rida: | 15. rida: | ||
* [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] | ||
* [http://www.w3.org/Style/Examples/007/text-shadow.en.html Mitme teksti varju ideid] | * [http://www.w3.org/Style/Examples/007/text-shadow.en.html Mitme teksti varju ideid] | ||
Teemavälist: | |||
* [lab.hakim.se/reveal-js/ revealjs] - presentatsioonide esitamise liides | |||
* [https://rvl.io/irve/kaughaldus Näide reveal.js teenusest] | |||
== Esitamine == | == Esitamine == | ||
Laadige töö veebi. 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". | ||
Redaktsioon: 17. aprill 2013, kell 10:48
| 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:
- [lab.hakim.se/reveal-js/ revealjs] - 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".