Hover fade

Hoi,

Ik heb dit stukje CSS:

.images:hover{
    -webkit-box-shadow: 0px 0px 10px 1px #000;
    box-shadow: 0px 0px 50px 1px #000;
    border: 0px;
}

Maar hoe zorg ik er voor dat dat met een fade gebeurt? Dus niet dan het in een klap een shadow heeft maar dat het fade?

Alvast bedankt

Wlje zoiets:
http://bavotasan.com/2011/a-simple-fade-with-css3/

Nee, een shadow die langzaam in beeld komt

Reinier schreef:

Nee, een shadow die langzaam in beeld komt

verander opacity in box-shadow?

jQuery .animate

onmouseover="$(this).stop().animate({boxShadowX: 0px, boxShadowY:0px, boxShadowBlur: 50px});
onmouseoutr="$(this).stop().animate({boxShadowX: 0px, boxShadowY:0px, boxShadowBlur: 0});

En bij de :hover CSS
-webkit-box-shadow: #000 0px 0px 0px;
-moz-box-shadow: #000 0px 0px 0px;
box-shadow: #000 0px 0px 0px;

CSS fade kan via transitions
http://css3.bradshawenterprises.com/transitions/

Nielsie schreef:

CSS fade kan via transitions
http://css3.bradshawenterprises.com/transitions/

=> dead link

Antonn schreef:

Eerdere citaten tonen

Nielsie schreef:

CSS fade kan via transitions

http://css3.bradshawenterprises.com/transitions/

=> dead link

Nope

Het werkt met Niels link, bedankt

Nielsie schreef:

Eerdere citaten tonen

Antonn schreef:

Eerdere citaten tonen

Nielsie schreef:

CSS fade kan via transitions

http://css3.bradshawenterprises.com/transitions/

=> dead link

Nope

Er moest nog slash achter.

toevoeging op 27 augustus 2012, 17:03:58:
Trouwens, niet elke browser kan overweg met CSS3, wel met jQuery.

Antonn schreef:

Eerdere citaten tonen

Nielsie schreef:

Eerdere citaten tonen

Antonn schreef:

Eerdere citaten tonen

Nielsie schreef:

CSS fade kan via transitions

http://css3.bradshawenterprises.com/transitions/

=> dead link

Nope

Er moest nog slash achter.

toevoeging op 27 augustus 2012, 17:03:58:
Trouwens, niet elke browser kan overweg met CSS3, wel met jQuery.

Klopt, daarom twijfelde ik net nog even maar er zijn genoeg die het wel doen en het meest word mn website toch mobiel bezocht dus dat maakt ook niet heel erg uit.

Als je 10 scripts hebt die maar in 90% van de browsers werkt dan is uiteindelijk heel je site brak.

Je site moet het gewoon doen in elke browser, nu heb je zelfs voorgekauwde code dus is dat zo geddaan.

Antonn schreef:

Als je 10 scripts hebt die maar in 90% van de browsers werkt dan is uiteindelijk heel je site brak.

Je site moet het gewoon doen in elke browser, nu heb je zelfs voorgekauwde code dus is dat zo geddaan.

De site werkt perfect behalve dat

Reinier schreef:

Eerdere citaten tonen

Antonn schreef:

Als je 10 scripts hebt die maar in 90% van de browsers werkt dan is uiteindelijk heel je site brak.

Je site moet het gewoon doen in elke browser, nu heb je zelfs voorgekauwde code dus is dat zo geddaan.

De site werkt perfect behalve dat

Dan nog moet je geen CSS3 gebruiken

Maar het is wel mooi