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)
- Awale, Backgammon and 1 other Game Technology has transformed - October 24, 2016
- Oxwall MySQL Database (OWSQL101): How to Add, Retrieve or Delete Values in Oxwall Config Database - October 24, 2016
- Plan your Week Ahead: 7 Must Have Android Applications for the Week - October 24, 2016