在css3中，可以利用transition属性实现元素过渡效果，该属性可以设置元素过渡效果的属性名称、过渡时间、过度速度和过渡什么时候开始，语法为“元素{transition:属性名称 时间 速度曲线 delay}”。
本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。
css3怎么实现元素过渡效果
transition 属性是一个简写属性，用于设置四个过渡属性：
transition-property 规定设置过渡效果的 CSS 属性的名称。
-
transition-duration 规定完成过渡效果需要多少秒或毫秒。
立即学习“前端免费学习笔记（深入）”；
transition-timing-function 规定速度效果的速度曲线。
transition-delay 定义过渡效果何时开始。
语法为：
OrgChart组织结构插件
下载
gt是一款简单实用的组织结构图表jQuery插件。gt通过DOM元素，jQuery和CSS3过渡效果来制作组织结构图表。可以使用本地数据，或通过ajax调用来完成数据的填充。
transition: property duration timing-function delay;
示例如下：
请把鼠标指针移动到蓝色的 div 元素上，就可以看到过渡效果。
注释：本例在 Internet Explorer 中无效。
输出结果：
（学习视频分享：css视频教程）
