Twitchy animation CCC3

I have a problem with endless css3 animations. When the animation ends, it slows down for a moment. animation-time function: linear; So something is wrong. Help me find out what the problem is and where is the solution.

The test version only works in webkit for a moment.

Testing 1 (window size animation): http://jsfiddle.net/F2UuU/1/

Testing 2 (background size animation): http://jsfiddle.net/Nm4wM/6/

+6
source share
2 answers

Not sure if this is what you want, but have you tried using -webkit-transform: scale() ?

Here is a jsfiddle example.

0
source

Hm. Here are two examples of how I process it using a time function: cubic-bezier ()

http://jsfiddle.net/F2UuU/7/

http://jsfiddle.net/jgSPp/6/

0
source

Source: https://habr.com/ru/post/910604/


All Articles