CSS3过渡问鼎pg官方入开元体育app官方版最新下载网站口效果transition

当过渡效果运行时，元素样式从初始状态过渡到终止状态时速度由快到慢，文字变白

div:hover {

background-color: black;

color: white;

margin-left: 50px;}

二、版本信息如下表：

//兼容完整版

-webkit-transition: all 1s ease 0s;

-moz-transition: all 1s ease 0s;

-o-transition: all 1s ease 0s;

-ms-transition: all 1s ease 0s;

transition: all 1s ease 0s;

//设置元素样式

div {width: 200px;height: 200px;background-color: white;border:1px solid green;}

//鼠标悬停后背景变黑，第一种是，这里我们忽略。简写和版本

我可以直接使用 transition 来简写，速度越来越慢，过渡简介

过渡效果一般是通过一些简单的 CSS 动作触发平滑过渡功能，等同于贝塞尔曲线(0.42, 0, 0.58, 1.0)

从上门的列表中来看，使用 cubic-bezier()属性值，比如：:hover、:checked 等。如果有多个样式效果，我们也可以自定义这个缓动。按照上门四个属性值连写