Spinning Zooming Css Effect For Oxwall Images
The event is assigned using the -webkit-animation-name property. Additional properties are assigned: -webkit-animation-duration makes the animation last 500 milliseconds, -webkit-animation-iteration-count directs the animation to occur only once, and -webkit-animation-timing-function sets the easing transition to ease-out.
Activating your Css Effects.
- Login to your admin panel
- Goto appearance
- Click on edit theme
- Click on css
Copy the following code into your custom CSS box and click save
It is highly recommended that you use this effect with fixed-size DOM nodes, with background images. Using this effect with simple DOM nodes doesn’t look great. Let me know what you think about this animation, and what you think it could use to look even better!
Latest posts by Ebenezer Obasi (see all)
- Recharge your MTN Airtime Anytime Directly from your Bank Account - February 28, 2017
- MTN DND: Stop Unwanted SMS from your Network Provider - February 28, 2017
- Awale, Backgammon and 1 other Game Technology has transformed - February 28, 2017