CSS3 animation play state on hover

Programovacie jazyky, rady, poradňa...
Forsaken
King
King
Používateľov profilový obrázok
Príspevky: 1918
Registrovaný: 14 mar 2010, 0:39

CSS3 animation play state on hover

Príspevok od používateľa Forsaken »

zdravim

vedel by mi dakto poradit pri tomto
http://www.creativejuiz.fr/trytotry/jui ... ss3-html5/

animation play state running - pri hoveri na body (kludne aj hover na to tlacitko play, to je vlastne fuck)

co som pozeral malo by to klasicky ist... ale ako nahle zamenim target za hover tak sa to nerozhybe.
Spoiler
#sl_play:target ~ #slideshow .slider,
#sl_play:target ~ #slideshow figure:after,
#sl_play:target ~ #slideshow figcaption,
#sl_play:target ~ #slideshow #timeline,
#sl_play:target ~ #slideshow .dots_commands li:first-child a:after {
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
animation-play-state: running;
}
Spoiler
#sl_play:hover ~ #slideshow .slider,
#sl_play:hover ~ #slideshow figure:after,
#sl_play:hover ~ #slideshow figcaption,
#sl_play:hover ~ #slideshow #timeline,
#sl_play:hover ~ #slideshow .dots_commands li:first-child a:after {
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
animation-play-state: running;
}
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: CSS3 animation play state on hover

Príspevok od používateľa audiotrack »

skôr takto by som to spravil
Spoiler
#sl_play:target ~ #slideshow .slider,
#sl_play:target ~ #slideshow figure:after,
#sl_play:target ~ #slideshow figcaption,
#sl_play:target ~ #slideshow #timeline,
#sl_play:target ~ #slideshow .dots_commands li:first-child a:hover:after {
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
animation-play-state: running;
}
to čo si robil ty je hlúposť. #sl_play:target znamená že vyberáš element s id "sl_play" ktorý má target. To že má target znamená, že má URI ktoré obsahuje # nasledujúcu identifikátorom. Takže napríklad <a href="www.hojko.com#bla" />
Forsaken
King
King
Používateľov profilový obrázok
Príspevky: 1918
Registrovaný: 14 mar 2010, 0:39

Re: CSS3 animation play state on hover

Príspevok od používateľa Forsaken »

ok dik za odpoved, ALE
neviem ci si to skusal, zdrojak tam mas cely, to co pises nefunguje taktiez.

podla mojich skusenosti :target funguje ako JS onclick.

cize vlastne onClick(#sl_play) selector Element Element a:after (je tiez element)
Napísať odpoveď