tag:blogger.com,1999:blog-33571139.post2239852127981510706..comments2023-11-05T08:41:52.609-03:00Comments on Vagabundia: Jugando con CSS y las animacionesJMiurhttp://www.blogger.com/profile/16731144451681787753noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-33571139.post-12962163197637253612012-10-11T01:07:09.475-03:002012-10-11T01:07:09.475-03:00que nítido esta ese efecto css jmiurque nítido esta ese efecto css jmiurAnonymoushttps://www.blogger.com/profile/06539544423956392523noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-40832735684902993502012-04-03T14:13:26.747-03:002012-04-03T14:13:26.747-03:00Wow thanks, I don't know if backgorund-positio...Wow thanks, I don't know if <i rel="code">backgorund-position</i> can be animated. But, I think we don't even need to write down three sessions. Just two session <i rel="code">from ... to</i> then implement <i rel="code">alternate</i> animation:<br /><br /><i rel="pre">.ejemplo a span:hover {<br /> color: rgba(255,255,255,0.4);<br /> text-shadow: 0 0 5px rgba(0,0,0,0.1);<br /> z-index: 10;<br /> -webkit-animation: moveImg 10s linear infinite alternate;<br /> -moz-animation: moveImg 10s linear infinite alternate;<br /> -ms-animation: moveImg 10s linear infinite alternate;<br /> -o-animation: moveImg 10s linear infinite alternate;<br /> -ms-animation: moveImg 10s linear infinite alternate;<br /> animation: moveImg 10s linear infinite alternate;<br />}<br /><br />@-webkit-keyframes moveImg {<br /> from {background-position:50% 0%;}<br /> to {background-position:50% 100%;}<br />}<br />@-moz-keyframes moveImg {<br /> from {background-position:50% 0%;}<br /> to {background-position:50% 100%;}<br />}<br />@-ms-keyframes moveImg {<br /> from {background-position:50% 0%;}<br /> to {background-position:50% 100%;}<br />}<br />@-o-keyframes moveImg {<br /> from {background-position:50% 0%;}<br /> to {background-position:50% 100%;}<br />}<br />@keyframes moveImg {<br /> from {background-position:50% 0%;}<br /> to {background-position:50% 100%;}<br />}</i><br /><br />It should works :(Taufik Nurrohmanhttps://www.blogger.com/profile/17973546667775491071noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-28630300637234013742012-04-03T12:35:37.477-03:002012-04-03T12:35:37.477-03:00Son bastante atractivos :DSon bastante atractivos :DRosendo Ramírezhttps://www.blogger.com/profile/18112720210467180041noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-40743030066120445112012-04-02T18:00:23.828-03:002012-04-02T18:00:23.828-03:00awesome !awesome !Anonymoushttps://www.blogger.com/profile/10942930545401671117noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-46603249300565598222012-04-02T09:46:51.980-03:002012-04-02T09:46:51.980-03:00ohhh!!! me encanta, ahora tendré que ver donde pon...ohhh!!! me encanta, ahora tendré que ver donde ponerlo :)Alicia Vivancoshttps://www.blogger.com/profile/00687372037831176468noreply@blogger.com