Этот экземпляр предоставляет 29 шаблонов CSS3 для кривых Безье, весь код взят из интернета! Вы можете использовать эти распространенные шаблоны кривых cubic-bezier самостоятельно или настроить свои собственные анимационные эффекты cubic-bezier с помощью инструмента для кривых Безье. Кривая Безье состоит из 4 точек, функция кривой Безье в CSS3, по умолчанию начальная точка имеет координаты (0,0), а конечная точка — (1,1), поэтому вам нужно контролировать только оставшиеся 2 направляющие точки, чтобы получить полную кривую Безье! Эффект будет виден только в браузерах, поддерживающих Css3!
-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
Вы недавно использовали: