index.html
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>CSS3过渡效果</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div>我是HTML5</div> </body> </html>
style.css
@charset "utf-8";
body {
margin: 100px;
}
div {
width: 200px;
height: 200px;
border: 1px solid green;
background-color: white;
/*transition-property: background-color, color, margin-left;*/
/*transition-property: all;*/
/*transition-duration: 1s;*/
/*transition-timing-function: ease;*/
/*transition-timing-function: linear;*/
/*transition-timing-function: ease-in;*/
/*transition-timing-function: cubic-bezier(0.25, 0.65, 0.88, 0.25);*/
/*transition-timing-function: steps(5, start);*/
/*transition-delay: 0s, 2s, 0s;*/
/*transition: background-color 1s ease 0s, color 1s ease 0s, margin-left 1s ease 0s;*/
transition: all 1s ease-in 0s;
}
div:hover {
background-color: black;
color: white;
margin-left: 100px;
};
相关推荐
第25章 CSS3过渡效果.pdf
第 3 章 形状 51 9 自适应的椭圆 52 10 平行四边形 57 11 菱形图片 60 12 切角效果 63 13 梯形标签页 71 14 简单的饼图 75 第 4 章 视觉效果 86 15 单侧投影 87 16 不规则投影 90 17 染色效果 93 18 毛...
1.css的概述 1.问题 HTML属性修饰有一定局限，是不太便捷 2.css的语法规范 1.使用css样式方式 1.内联样式 行内样式 特点：将css样式定义在HTML标记中 语法： 样式声明：用样式属性和值组成（属性:值;） ...
3.jQuery+CSS实用图片收缩与放大效果插件 4.jquery+div实现同时滑动切换的图文展示特效插件下载 5.jquery+div带动画按钮图片手动与自动切换的特效代码 6.jquery一页多用的飞飞图片幻灯插件演示 7.jquery仿...
第3章（\第3章） • 3.1.htm 表达式示例 • 3.2.htm 加号运算符应用 • 3.3.htm 数值型数据与字符串连接 • 3.4.htm 数值型数据与字符串连接 • 3.5.htm 减号的取反功能 •...
第3章（\第3章） • 3.1.htm 表达式示例 • 3.2.htm 加号运算符应用 • 3.3.htm 数值型数据与字符串连接 • 3.4.htm 数值型数据与字符串连接 • 3.5.htm 减号的取反功能 •...
7、改进：内容发布过渡页效果 8、修复:内容列表--生成Html BUG,生成发布时,过滤未审核内容 9、增加:通用排序页,已用于模型字段,内容,商品(支持拖动排序) 10、优化:引入BootStrap多选框,用于替代checkbox 11、...
3.增加:MarkDown解释CSS样式于V4模板SASS中，从而支持更加友好的显示代码区域；4.增加:专题数据源标签；5.升级:zico升级到1.5，增加医疗行业图标；6.修复:内容列表--如节点未允许内容页生成,则不会显示生成按钮；7....
3、增加:MarkDown解释CSS样式于V4模板SASS中，从而支持更加友好的显示代码区域。 4、增加:专题数据源标签 5、升级:zico升级到v1.5，增加医疗行业图标。 6、修复:内容列表--如节点未允许内容页生成,则不会显示生成...