The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> How to use animation feature in CSS3?
bintje
post Apr 25 2015, 02:55 AM
Post #1





Group: Members
Posts: 1
Joined: 25-April 15
Member No.: 22,523



Hi everyone, I'm newbie in CSS3 and really facinated by its animation features.

I would like to achieve the animation effect in this page:http://www.skyhallfence.com/, can anyone tell me know to do that?

Really thank you guys.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Apr 25 2015, 08:26 AM
Post #2


.
********

Group: WDG Moderators
Posts: 8,222
Joined: 10-August 06
Member No.: 7



Which part of it are you having trouble with?

FWIW that page's animations seem to depend on javascript as well.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ramarjun
post May 27 2015, 09:44 AM
Post #3





Group: Members
Posts: 6
Joined: 26-May 15
Member No.: 22,648



hi,

its not only make animation with css we need customize our page with javascript for making animation effect
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
icanswim70
post Aug 15 2019, 08:49 AM
Post #4


Newbie
*

Group: Members
Posts: 15
Joined: 23-May 19
Member No.: 26,898



Hey guys, I'm glad I found this topic. I'm having a similar issue with creating a css animation. I setup the perameters by the book but the damn thing doesn't want to work.

Note I made a wrapper div to contain the animiation div with a width of 100%.

Inside that div I stuck the image i want to slide back and forth with the class"anime"

In css I coded:

@keyframes mouse {
from {
margin-left: 100%;
width:100%;
}

to{
margin-left:0%;
width:100%;
}
}
.anime {
height:35px;
width: 45px;
animation-duration: 5s;
animation-name: mouse;
animation-iteration-count: alternate;
}

The damn thing won't run.

Please tell me i didn't code it wrong!

Any help would be graet!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 22nd September 2019 - 11:31 AM