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? 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. 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. Link to comment https://forums.phpfreaks.com/topic/225866-css3-background-image-scale/#findComment-1167404 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.