UI:CSS3 elemente

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.

1. 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.
2. 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.
3. Testige ära omadus nimega border-image; pilt võib olla kole, aga püüdke see ise ehitada.

Viiteid

• W3Schools: box-shadow ja border-image
• text-shadow
• Mitu varju
• Mitme teksti varju ideid

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".