biggieuk Posted January 27, 2011 Share Posted January 27, 2011 Hi all, I have a background image which I would like to animate as a 'pulse' effect using CSS3. Is it possible to animate the background image only ans not the container div? I would usually use this code but it will only scale the div not the bg image. @-webkit-keyframes pulse { from { -webkit-transform: scale(1.0); opacity: 0.75; } 50% { -webkit-transform: scale(1.1); opacity: 1.0; } to { -webkit-transform: scale(1.0); opacity: 0.75; } } .pulse:hover { -webkit-animation-name: pulse; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 10; } Any ideas? Quote Link to comment https://forums.phpfreaks.com/topic/225866-css3-background-image-scale/ Share on other sites More sharing options...
sunfighter Posted January 30, 2011 Share Posted January 30, 2011 Your using a php frame work. Post there for people that understand this frame work. Quote Link to comment https://forums.phpfreaks.com/topic/225866-css3-background-image-scale/#findComment-1167400 Share on other sites More sharing options...
Pikachu2000 Posted January 30, 2011 Share Posted January 30, 2011 No, this is a CSS question, not a PHP question. Quote Link to comment https://forums.phpfreaks.com/topic/225866-css3-background-image-scale/#findComment-1167404 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.