Rask Tips Gå ikke alltid tilbake til Photoshop

I dagens videosnabbtips bruker vi mindre kjent innfelt parameter når du lager CSS3 boks skygger for å ordne stilen riktig sveve og aktiv knapper.


Husk: Ikke alltid så rask å hoppe tilbake til Photoshop når du trenger noen små endringer. Det er bedre for deg (og nettet) hvis du først spør deg selv, "Kan vi oppnå dette med enkel CSS?"


Abonner på vår YouTube-side for å se alle videoopplæringene!

Endelig kilde

 kropp margin: 200px auto;  en background: url (button.png) no-repeat; bredde: 130px; høyde: 130px; margin: auto; oversikt: ingen; skjerm: blokk; tekstindeks: -10000px; -webkit-boks-skygge: 0 0 8px 1px rgba (0,0,0, .2); -webkit-grense-radius: 90px; -moz-boks-skygge: 0 0 8px 1px rgba (0,0,0, .2); -moz-grense-radius: 90px; boks-skygge: 0 0 8px 1px rgba (0,0,0, .2); border-radius: 90px;  a: svever -webkit-boks-skygge: 0 0 8px 1px rgba (0,0,0, .2), innsett 0 0 20px 6px rgba (0,0,0, .1); -moz-boks-skygge: 0 0 8px 1px rgba (0,0,0, .2), innsett 0 0 20px 6px rgba (0,0,0, .1); boksskygge: 0 0 8px 1px rgba (0,0,0, .2), innsett 0 0 20px 6px rgba (0,0,0, .1);  a: aktiv -webkit-boks-skygge: 0 0 8px 1px rgba (0,0,0, .2), innsett 0 0 20px 6px rgba (0,0,0, .2); -moz-boks-skygge: 0 0 8px 1px rgba (0,0,0, .2), innsett 0 0 20px 6px rgba (0,0,0, .2); boks-skygge: 0 0 8px 1px rgba (0,0,0, .2), innsett 0 0 20px 6px rgba (0,0,0, .2);