CSS3 三个比较蛋疼的关键字
2016-05-27 10:31
465 查看
=========================
transition 过渡 转变
translate 转变
transform 变换 改变
=========================
一次性区分
=========================
<!DOCTYPE html>
<html>
<head>
<style>
div{
width:100px;
height:100px;
background:DarkCyan;
transition:transform 3s;
}
div:hover{
transform:translate(30px,30px);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
transition 过渡 转变
translate 转变
transform 变换 改变
=========================
一次性区分
=========================
<!DOCTYPE html>
<html>
<head>
<style>
div{
width:100px;
height:100px;
background:DarkCyan;
transition:transform 3s;
}
div:hover{
transform:translate(30px,30px);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
相关文章推荐
- CSS3属性教程与案例分享
- CSS3属性教程与案例分享
- CSS3的calc()使用
- 使用CSS3的appearance属性改变元素的外观
- CSS3美化图片
- CSS3质感分析——表面线性渐变
- 分析选项卡底部内凹圆角制作
- 细说百度图片栏目——图片展示效果
- 8个实用的响应式设计框架
- 20+ Animation Scripts, Libraries and Plugins
- 新时代编辑神器:Atom
- 如何使用CSS3画出一个叮当猫
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- jQuery CSS3相结合实现时钟插件
- CSS3实现动态翻牌效果 仿百度贴吧3D翻牌一次动画特效
- CSS3实例分享之多重背景的实现(Multiple backgrounds)
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案
- CSS3中Transition属性详解以及示例分享
- 基于jQuery和CSS3制作响应式水平时间轴附源码下载
- jquery+CSS3模拟Path2.0动画菜单效果代码