adding animation to images css

Solutions on MaxInterview for adding animation to images css by the best coders in the world

showing results for - "adding animation to images css"
Ella
10 Oct 2016
1CSS animation properties template:
2{
3   animation-name: anima-name;
4    animation-duration: 1s;
5    animation-iteration-count: infinite;
6    animation-delay: 2s;
7    animation-direction: reverse | normal | alternate | alternate-reverse ; 
8  animation-timing-function: ease | ease-out | ease-in | ease-in-out | linear | cubic-bezier(x1, y1, x2, y2) (e.g. cubic-bezier(0.5, 0.2, 0.3, 1.0)); 
9  animation-fill-mode:forwards | backwards | both | none;
10}
11@keyframes anima-name {
12  from {
13   background-position:right;
14  }
15  to {
16    background-position:left;
17  }
18}
19@keyframes anima-name {
20  0% {
21    background-color: red;
22  }
23  50% {
24    background-color: green;
25  }
26  100% {
27    background-color: red;
28  }
29}
30
Nele
10 Jun 2016
1basic animation drop
2
3//drop is variable named for the animation
4
5@keyframes drop {
6	0% {
7		opacity: 0;
8		transform: translateY(-80px);
9	}
10	100% {
11		opacity: 1;
12		transform: translateY(0px);
13	}
14}
15
16img {
17animation: drop 500ms ease;
18}
Mila
23 Nov 2019
1<!DOCTYPE html>
2<html>
3<head>
4<style> 
5div {
6  width: 100px;
7  height: 100px;
8  background-color: red;
9  position: relative;
10  animation: myfirst 5s linear 2s infinite alternate;
11}
12@keyframes myfirst {
13  0%   {background-color:red; left:0px; top:0px;}
14  25%  {background-color:yellow; left:200px; top:0px;}
15  50%  {background-color:blue; left:200px; top:200px;}
16  75%  {background-color:green; left:0px; top:200px;}
17  100% {background-color:red; left:0px; top:0px;}
18}
19</style>
20</head>
21<body>
22
23<p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p>
24
25<div><p>you can add text in this box or anithing else like a pictrue</p></div>
26
27</body>
queries leading to this page
css animation with codehow to add animated image in htmlhow to make animations in htmli want to add animation to image in htmlhow to make a beautiful image keyframes in htmlimage animation csslearn css animationhow to animate contents in cssimage show animation cssanimated css languagecss anilmationcss animation projectsimages css animationanimation on div cssanimation css3 effectsdiv animate with csscss animation de likecss from to animationtypes of css animationsmake running name in csscss add animation to picturecss appear image animationhtml css animationanimation on image cssanimationin csstable html 5 animationanimation image using cssmake part of an image animated csshow to add css animationsphone is animating cssanimate from and to csshow to make animation infinite csshow to add animation in html using cssanimate text on load w3schoolscss anmiationhow to create an animation in cssall features of animation csscss out animationanimation codeanimation options cssanimate css elementsstyle img animationmotion animation in csshtml css animating imagecss animation tagbox animations in htmlmodel animations csswhat is the css 3 rule that allows for animations 3fcss animation animationanimation in css from tocss ani 2cationanimate htmlshowing animation in cssw3schools com animatecss image animationsanimated background in csscss ani 2cmationsanimations htmlanimaste css animation for photos in csscss animations with an imageanimation for images cssanimation infinite css origincss animations 21acss animationcontragtion animation by csshow to make animations cssamination cssusing animation in css elementsanimatiopn csscss animate csshow to animate text in cssanimation from tohow to animate with css without keyframeswhat code is used for css animation to set points in timecss animationbinfinite animation csscreating keyframes css to change colorbuilt in css animationshow to put animation in csssalida de animaciones css w3schoolscss position animationanimation types for displaying elementshow to animate out in csscss animation to do on imagecss animation infinitedifferent animation styles in csscss animate a divhow to put image animation in htmlcss leaving animationanimation effect for divcan we apply animations to images using css 3fhtml css effectscss3 animation htmlanimation color csshow to set animation in scssanimate with csslist animations cssanimated in cssanimation propertiesw3 animation csshtml css rules animationhtml image animationscss images animationanimation text csscss animation for appearinghow to add animation in csscss animate object upanimation ws3schoolsno css animationbox animation cssmoving animation csswhich property is used to run the animation more than once 3fanimate move csscss keyfram animationhow to arrange animations in csscss animationswekbit animationtext animation tag nameanimated pictures in csshow to make an animated color in csscreateboxcss animationanimation scss meaningtext animations csshow to animate on cssimage animation css 27animate css effectscss animcss make image animatevarious animation in csscss using keyframeslive chat motion design using css animation in html csshow to make class change animated in csscreate animation csscss animated divthings you can animate in csslearn html css animationsnaimation css fallanimation in css and jshow to show tag with animation in cssbackground coming up animation csshow to add a animation in csscss animations w3schoolsframe animations cssanimate style set anitmation time in claass nameanimation css on imageanimae css 40 animations cssanimation one time cssmake all boxes animate onto page htmlanimation w3schoolshow to add animation picture in htmlwebkit animation cssw3css animationanimation css for imageshow to make div element animate from css css effects animationcss anim 5cwebkit animationhow to animate by csscss animation with no repeatmaking cartoon in csswhich rule in css3 is used to create the animation logic which is then applied to your element by using the 27animation 27 property 3fanimate element in htmlcss animation in csshow to make image animation in csscss img animationcss animation syntaxhow to animate div in csshow to make an opening animation in cssanimaton in cssanimate text csskye form css animationscss animation 5dhow to make text animate in htmlwhat to do to make a animation happen on time csscss animation example moving textcss animation 1simage animation using csscss animation of imagescss animate div on entrancecss how to do animationweb animation using cssimage animation in css 3fhow to start animation from current div not from top 0 in htmlhtml animationsamiste css aniamtionanimations with cssi 3b 2c css animationhorizontal motion examples csscss anamtionsimage animations csscss animation atylecss basic animationquick css animationscss keyframes animation exampleshow to put animation to a specifc animation in csshow to make animation in htmlanimation to csscreat css animateadd animation to image csskey frame animation showing diventry animation csswhat is infinte linear in cssanimate infinite in animate styleanimaste css animationshow to make animation in html 2fcssanimation css propertyanimation in w3schoolphoto animations csscss to change color animationstyle for image animationanimation css codesanamtion cssanimate after style in cssanimation nonecss animation examplecss animation to and frocss animationocss backgound animationw3 css animationimage animation effects in cssmorphing div in css3html 26 css animation examplecss animation background colorconnect image in animation on html cssadding animation in htmlanimate css keywordnimations on htmlcss how to add animation on imagehow to add images in html and make the animation in cssusing animation in htmlhow to add animation on text cssaminations in csscss aniamationshow after starting the animatiom csshtml css text animation w3schoolscss motionhow to do animation text in csseasy image animations in csscolor movement css css div animation examplescss move animate a divanimation of images in cssanimation incssanimation for birthday wishes using coding w3schoolsget css animation codecss keyframes background basic css animationscss animationimage animation htmlwords with css animation createcss animations tutorialcontragation animation by cssanimation when you enter a website csshtml webkit animationcreate css animationsset animation on csskeyframe animation cssgive object animation csstype of css animationanimate paragraph css3css morphing divcss add animationsanimation syntaxcss animationshow to make a css animation go on and onanimation type cssdiv animate in and outmake animation with cssanimation html examplesmoving background cssanimate v in cssanimation keyframe csscss animationsmy first animation cssimage on image animate cssanimation to image cssanimation on left and right propertyadd css animationanimation not infinite cssmoving web css3 animationcss animation call animationcss animation div appearbackground animation css 2dbest animation on container css keyframevarious animations in cssmove in css animationcss show animation imageanimation css webkit animationanimated box cssanimations on htmlanimated change color cssdiv show with animation csscss from toanimations in css w3schoolstext animation csscss animation from towhat are the names of animation in csscss anuimatioanimation css htmlcss animate optionsanimations using cssdifferentanimate option in cssimage animation html cssanimation effects css3css object animationscss animation of elements websitecss table animation w3schools css animstehow to change proiperty of div using animation in cssadd moving background to html2d move animation cddcode aniamitonsanimation on image in cssalternate div using keyframes in csscss div animationscss3 animation effect namekeyframe change colorpage animations htmlhow to add animation in image in htmlhow to add animated class in cssanimate div css css animation colorhow to make a animation htmlcss image in animationcss animate div from tocode animationadd animation exampleanimation html start in pageanimation property cssw3 css animationhow to create various css animations with imagesfoto animazioni html w3schoolcss section animationcss animation on imageanimation css syntaxcustom animation csscss elements that can animatecss animaton styles for dicsimple css animation imagesbounce animation css html w3schoolsw3c animatehow to do css animationscss declare animationshow boxes animation from single box in htmlhow to make a moving image in csshow to animate images in csshow to animate a picture htmlanimation with csshow to make css animationsanimation 3a animate in csswhat code is used for css animationanimatiom in htmlanimation examplehow to add animation in imagecss animation on textwhat properties are used in css animationcss text animation w3schoolshtml animtionbootstrap animation w3schoolscss animacion de likeinfine animation csshtml image animation effectsanimations csswith css make animation keyframecss animation 2b w3schoolsamnimation csshow to make an animation using cssanimation in background cssmake animation on image csscss annimationshtml css animationshow can i animate with css in an applicationcss or js animationanimation and css examplecss anmation effectmove element css animationcss 40animationhow we apply image animationhtml animationanimation css w3css divs animationadd animation s to image htmlcss 3 animationcss animation pictureanimation background csscss animation on a imagecss 40keyframes animatecss animation w3how to prepare a cycle in cssanimate css tutorialadd animated css background using webkitanimation effect csshow to add animation element htmlanimation codes html with cssseries of animations cssanimte in csshtml animation cssadding moz animationcss make itself animationw3 animationhow to animated in csscreat css animationcss animation in image codecss animate keyframesanimation w3 schools csscss div animation come incss animation propertythis css color animationexample animation csshow to animation csshtml image css animationscss box animationcss movement animationsanimated background change csscss model animationsdiv appear animation csshow to set animation image in htmlanimation cssimages animation in csscss animate movementbasic animation csscss aanimationscss animation for iamge to appearanimate css 3css slide animationanimaion csspower on css animationanimations images csscss animation propertiesanimating div with csshow to do a simple css animationcss animatscss animation alternate infiniteanimation by degrees csswhich css property can provide to add an effect when changing from one style to another 2cwithout using flash animations or javascript 3fcss animation codeanimation property in csshtml animate elementshow to create animation csshow to animate text using csscss section appear animationcss keyframe animation examplesw3schools animaton effectsanimation in html css and javascriptusing css animationsalternate showing div using keyframeaminate cssopening website animation cssanimation in cssdiv animation csswebkit animation infinite alternativecss animation that sayshow to add animation img to my htmlanimation via code cscss for animated divw3 css animations css3 animationcss animation w3 schoolsanimatoion csshow to make an animation in cssanimate image csshow to put animation is cssanimate elemtn in and out using cssanimated report html csshow to nake images move in csscreat animation for css elemntrun in animation cssput animation on image csswebsite elements animations csswebkit animation csscss animationahow to do animation in html csshow to add animation to text in htmli create a webpage using html5 and css3 for animationanimation in website codecss animation in imagecss3 animated colour change animation csscss animatedhtml css animation codeanimatin csswhat css add to make animation betterhow to animate an image in csshtml div text appear animationanimate css w3javascript css animation exampleshow to make css animationhtml animation flash page redpatch animatable cssappearing animation csscss make a div animtecss anianimation frames cssimage animation in cssmoving text animation csshtml animating movementanination csscss animation background imageprivacy is built in effect in cssinternational standard for css animationcss fly in animationanimation htmlcss animation imageanimation css examplesanimate css animationscss animation websafebackground animation in csseffect css animationuse css animationcss how to make animations when something appearscss3 animation examplecss simple animationsanimation valueshow to add animations to htmlcss make animationswhich css property can provide to add an effect when changing from one style to another 2c without using flash animation or javascript 3fnetworking broadcast animation in csscss animation keyframes animation csshtml animwebkit animation propertiescss add div animationsimple css animation for websiteanimation add in cssappear animation csscss continuous animationhow to get animations for cssanimation for cssanimation move in cssmdn css animation jumpanimation create csshtml css animations w3schoolscss animations coursescss pre animated animationcss animatio0nanimationn in csswebkit animations intromake animations with csseasy css animationsanimate shorthand cssall types of animations in cssscss movinganimation background coloranimation csoutgoing text animation cssannimation code in html examplecss opyion animationscss animationcss animations imagecss text animation w3animation inpicture movement cssadding animation to images csscss text change webkit animationhow to implement animation in cssshow to add animation animation csshow to make a circuitusing cssanimate css how to use scss function to add animation to elementsanimations for images csshow to do a simple css animation 27how to make a image anamatioon in css htmlanimate property cssanimation styles in html cssanimatioon cssall the animations in cssamnimaton csscss web animationshow to add animation to image in htmlanimation linear infiniteanimation css propertiesanimation coming towards me cssanimate in cssanimation in phpsimple css animationscss animation movecss animation photoanimation changecss animation on appear defautl how to do animation image in html css 40animation csshow to an an animation on image in cssgive animation times csscss webkit animationanimation image html csscss animation examplesdivs animation moving with cssanimation css on imagescss animation with background imagehow to add in animations in htmlcss animate beginwhich statement is used to create an animation 3f csswebp animation stop cssanimation attributes in csshow to make animated image html w3schoolscss image animation styleanimation style for csscss animating objects when exitcss color change animationcss animations exampleshow to add an animation to cssanimation short syntax csscsss image animationhtml div animationbest ways to animate a tagshtml animation examplesanimation css appearhow to animations in cssanimations on cssanimation for image in css and htmlcss animation imgcss animation keys w3schoolsopening animation cssanimation with css onlycss add animation on imgcorrect animated css animationhow can we make animation picture in csshow to animation image in htmlcss keyframe oillamphow to make animation in csscss move in animation animation css 3html and css animationposition animation csscss animate elementanimation ina box csswhat is normal in animation cssbrowser default animation typeshow to css animation c2 a8canvas gif text animation w3schoolsscss animationmotion cssimages animation csshow use animation csscss anuimationhow to create css that shows after animationanimations effect in csscss animation picturescss animation htmlanimation for htmlaniamte cssanimation image in html cssanimation image in csscss animate from toanimation css courseanimation code csscss animation code insert in html csstest animation cssanimtion csslive web css3 animationanimation change divanimating with cssimage transition cssin css animations 2c the animation timing function property controls how quickly an animated element changes over the duration of the animationform animation in css iteration to and frocss entrance animationhow to make animations htmlcss animation when appearanamaiteing in cssrole text animations csshow create naimation in csshow to make photo animation in cssanimation infinite animate htmlhtml5 and css3 animation exampleswhat images should i use for css animationhow to put an animation to an imagte with csscontinues animate css effecthtml images animation w3schoolshow to animation elemnt changeorder of animation csswhich of the following defines an animation change color that changes the font color from green to red 3f 2a 1 pointhow to make a stylesheet for animationaimation cssanimations for a image in csshow to make css animation loopcss effectsadd animation csscss animation keyframes examplesanimated elements htmlanimatio with csskeyframe colorall animations in cssanimation website w3adding animations to images via cssopening animation cssw3schools com animationhow to make animations with html and cssadd an appear animation cssanimation in css by w3schoolaniamtion csshow to use animate css in html tag time sethow to make content appearing animation htmlanimations photo show cssadd animation for apear in csshow to create an animation in htmlanimation style in cssanimation proprietyjumboani css animationcss image appear animationhow to make a css element animation after it is createdhtml page animationcss effects appearanimation cssscss add animation with different timeinfinite in animation cssw3 animation css3animination in csscss animationmcss property define animate in the animation rulehow to create animation in cssadd animation image csscsss animation w3css animation tutorialanimation of images csshow to make div apear when the page section wil come in js 2chtml and css with animationanimation w3scadd images in csscss animation on imgbuild an animated element with csscss photo animationcss animatiosall css animation css animationsimple animation cssanimated cssanimate part of image in cssimg animations csshow to given animation in csskeyframes bounce w3animation 3a 5s red linearinfinite csshow to make section animation in html csscss bounce animation w3schoolsw3 css animationsanimation appearance csscss animation w3schoolanimation to the divbinds a particular element on the page to an animation cssanimate images with csscreate animations in csscss element in animationhtml animatethe css animation name property defines a specific animation that is to be runhow to put animation cssanimat in csscss movement animationanimation effects cssanimation effect 5c csscss animation optionsadd animation in htmlanimated backgrpund w3schoolsadding an image using cssare animations used in cssanimate element with csstext move in csscreate a css animationkeyframes animation examplescss animation 3ahow to animate image in csssimple built in css animationsanimated views html csshow to give animation to text in csscss insert animation in php filemake animation in csscss animation w3 schooladding animation to table element cssdefine an animation csscss animation sireanimation propertyscss image show animationcreate animation from images in csshtml is animatinganimation image cssw3schools animationw3schools css animationcss moving animationcss snimatonsanimation css imageanimation types in csslive chat motion design uing css htmlanimation possible parameters cssmoving image csstext animation using csscss image animationanimation w3scoolcss animatekeyframe animation exampleshow to animate an image ins csshow to add animation frame css for pagelist of animations csscss alimationhow to set a 1s animation csshow to add a animation htmlcolor change animation cssmake an image have an animation csscdd animationhtml set animationhow to animate an image in htmldata title in background in css and html with animationcss animation styleimages with animation csscss animate optoinsanimation html css w3schoolsanimation div cssmoving text in csscss animate examplesanimation css no easycss animation from tobackground image animation html cssanimation in bootstrapmaking animation cssbackground image animation csshow to animate in htmlhow to have animation without time in cssinfinite animation duration cssanimate appearance of div csscss image animation effectcss animationcoloranimation css w3schoolsadd animation to a divanimation infinitecss animations examples women animate infinite csshow to do animation on exit cssw3schools css aniumaterfont animation cssanimation cssshow to animate image in htmlimage animations in cssset animation on divgratiding opening animation csshtml5 animation w3schooladd animation to htmlanimation images cssanimations csswhen in the frame show cssanimating text in cssanimation style cssanimatio cssanimation in htmlw3 schools animationanimated for htmlanimation code explain css text animation cssimg css animationsanimated moving objects htmls csscss animation 2b to animations in css keyframewhow to animate a site with csslearn to animate csscustom css animationanimation with html and csscss animation ideashow to used animation html csshow to add images in html and make animation in cssanimatiom csshow to animate text csskey frames animation with imgimage css animation all codeanimation syntax css3how to do animation in htmlhtml background animationcss animete imagewhat are css animationsanimation on images in csscss animaionanimate elements with csskeyfram animations in cssdifferent animation on images in cssauto animate in css left to rightcss animation to move a dvhow to keep your css animation in a sectionchange div animation keyframe csscss appearance animationcss3 effects animationcss animaton styleshow to make an animated background in cssanimation attribute in csscss animation codescsss animationmake css animationimage showing animation in html csshow to do animation in csshow to write animation in csscss animatiosnmove object css animationcss3 animation examplesanimation html csscode to css animationcss animation within animation propertyw3 schools text animationcss slide in animationcss the animationcss animation w3schoolslearn css animationsanimate a image in cssmoving html css animationcss container animationcss animation show imagecss aniamtionthings you can animated in csscode animatiow3schools on animation in csscss photo animations animation cssw3 image animationcss3 animation tutorial with examples step by step sample animation on image using css keyframecss animation with imagescss image appearance animationhow to make animation of divhow animate a picture in cssanimation in image csscss appear effectshoow to animate an image csstext animate cssslide in css animationanimations co csscss aninmationscss basic animation text appearadd images animation in csscartoon cssadding animations in html animated css animation examplessimpel css animation exampleanimations on css w3schoolsquick animation in csssimple animations cssanimate box csstable appearance css animationsanimat cssmake animation time csscss animateanimate css attributeanimation with images in cssbackground color change animation cssunique keyframe animationanimate css http 3a 2f 2fdaneden me 2fanimate 2b to css animationanimateion csscan you add animation to text in csscss appearing animationanimation using csscss animation sanimation in stylecss animations website example codewhen page will apear then animation will work in html 2ccss 2cand jsunique keyframe animationsanimation css typesanimation with codeanimation block html animate css phpcss3 animationcss animatonsi want to add animation to image on htmlkeyframes css timehow to add animations in cssanimation effect in cssapplying animation effects w3schoolscss animationcss animate inw3 text animationcss animation appearcolor enimation in cssanimation class for divcss animations tutorialscss3 animation tutorial with exampleskeyframe animation property csscss animatin textanimations with images csstypes of aimation in csscss animation for text aminste css animationshow to add animation to a divanimation css 5ccss animation on phpin animation csshow to make a div animateusing animation image effecthtml tags animationanimation css basicsanimation form images in cssanimation image with csshow to make a moving animation in htmlanimate css 2b keyframes examplecss animatehow to make animation background csshtml css website play moving backgroundmake image animation cssmaking cycle in cssbox fall animation in csscss animations disneykeyframe css animationsimple animation with cssanimate infinite linercs animation from tocss animations imagestype of animation attributecss aniomationscss keyframes animation div simpleset clolor in animation cssconragtion animation by cssanimate css testapply animation in cssanimated text using w3schoolexplain animation in css3 css options move effecthow to create animations using cssadd animation to text csscreate tag animation cssworld class animations in csscss appear animationanimation css shorthadnbackground change animation csshtml opening animationcss animation guide create tag with animation cssanimation css librarycss anmationcool css animationscss aniamtionsfast and easy animation css3o animation in cssadding animation to paragraph tag webcss animate backgrround 40keyframe color animationhow to run css animationsanimation css w3 schooladd animation to website csscss and html animation with pythonimage moving animation csshtml div animataed itemshow to apply animation in csshtml animation in csscss anima 2badd animation to csskeyframe animation css3 examplesadd images usinf animation in htmlcss javascript animationanomate with csshow to animate css without keyframesmage animations tutorial with html cssadd animation to homepage cssanimationlearn html css through animationdiv animationcss animations for imagesanimate css w3schoolshow to animate my web page cssadd animations to text in cssbuilt in css animationw3schools animation csscss animation 3a animatemove image css animationlearn css animation keyframesccs3 animation inhow to add animation to text in cssanimation appear csscss animationanimation to csanimation codeshow to do animations in csshtml images animationexample page animation html5 csshow to put an image in a css animationhtml animatyionhow do you animate an image in cssfor aniamtion csscss code for animation imageanimate css exampleanimated text in csslearning css animationcss3 animation effectscss animtionanimation w3css how to use animationcss make image movemake element move csshow to change the animation of an element with respect to another element in htmlcss color animationinfinite animation animation cssanimations with css onlyelementor animation with cssanimation indefinite cssrelease animation cssinfinit animation cssw3school animationhow to add animation to an image in htmlwindow cssanimationcss animasionskeyframes text animationcss3 paragraph animationhow to use an image in css animationanimation in cssscss animation on apperhow to create an animatio cssimage animationcs animation codeschanging values via css animationcreate animation in csscss cartoon imagecss image movementhow to show an image in a css animationchange color animation cssinfinite animatiion of a text in css and htmlanimations in csshtml animationmake element cylcle csscss imaheanimationanimation property of csshow to create animation with csshow to animate using csshtml css image animationanimation full animation website htmlbounce animation css w3schoolsanimate in css is for whatanimate after style in cssimple html enter animationsadd animation to image in stylekeyframes different images cssanimation effects css positionanimation start in page html csscss animation property timeadd up animation csswebkit animationshtml css animation startscss image animation effectsanimation first page html csswhich css property can provide to add an effect when changing from one style to another 2c without using flash animations or javascript 3flearning css animationscss animation imageshow to create animations csscss div appear animationhtml pages animationbootstrap animationhow to put animations on a imageanimation on images cssanimated htmlcss image animation inanimation move csscss animate imageset animation to image in csscss3 animation propertieshow to apply animation on whole section in csshtml animation background imagehow to animate an image cssbackground change animation with photos csshow to use css animationscss paragraph animationmovement animation csshow create animation using html and csshtml css appear animationhow to animate elements in htmlsome css animationcorrect animated csshow to define animation in cssanimation by csshow to use animation csscss animatoranimations css examplescss animation for imageshow to animate in csscss add animationrandom floating animation css w3schoolshtml section animationsanimation properties csscss animation without imageimages animated csscss animation ordercss amnimateanimated image htmlanimation in html and cssw3schools animationimage animation css effectscss animation cycleappearance animation cssmove element animation cssanimatiion cssaimate cssamination using html css andrun animation examplehow to animate elements with csshow to add a moving element in htmlhow to add animation in htmlcss animationwhat sre the animation efects in css3css animation effectshttp aanimationincreasing animation effect cssw3school css animationimage css animationanima css animationanimation of image csscss sign animationscss animations with imagesadding animation to images css