CODEWITHSUNDEEP
htmlcss
user1883793
user1883793

Reputation: 4189

Codepen css animation example not working on local

I want to use Codepen example in my code, but when I copy and pasted the css none of the animation works, I inspected the css using Chrome and all the animation are crossed out, any idea?

.loading > div > .c4 {
   top: auto;
   bottom: 10px;
   transform-origin: 20px -4px;
   animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

enter image description here

Upvotes: 0

Views: 1126

Answers (1)

Barmar
Barmar

Reputation: 781096

Chrome and Safari, you have to use -webkit-animation. For Firefox you have to use -moz-animation. For Opera you need -o-animation. See the Compatibility Table in MDN.

Codepen apparently detects the browser version and rewrites the CSS accordingly.

Upvotes: 2

Related Questions