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?"
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);