Avainsana: css

Helppoa ja hauskaa. Nimittäin dynaamiset kuvatemput CSS3:sen avulla! Tässä muutama valmis esimerkki laiskimuksille. Pyöreä kuva img { -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; } Pyöristetyt kulmat img { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5),… Lue lisää Photoshop-temppuja CSS3:lla

Hyvin yksinkertainen tapa viilata web-leiskan taittoa, on poistaa tyypillisesti pisteistä muodostuvat focus -reunukset linkeistä. Varsinkin käyttäessä taustakuvalla varustettuja div tai li-elementtejä linkkeinä, näyttää leiska huomattavasti makeammalta ilman pistereunuksia. CSS2:sen tarjoama yksinkertainen kikka on seuraava: :focus { outline-style: none; } Ylläoleva asetus poistaa reunukset kaikista elementeistä, mutta sen voi liittää myös pelkästään esimerkiksi linkkeihin.