css3
来源:互联网 发布:穿越火线自动开枪源码 编辑:程序博客网 时间:2024/06/04 19:12
在线展示
打开页面,网页会慢慢淡入;
html:
<body> 示例文字示例文字示例文字示例文字示例文字</body>
css:
<style> @-webkit-keyframes fadein { 0% { opacity: 0; background-color: #fff; } 100% { opacity: 1; background-color: #fff; } } body { -webkit-animation-name: fadein; -webkit-animation-duration: 4s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; /* 动画只播放一次 */ }</style>
解析:
通过在开始帧与结束帧中改变页面的opacity属性的属性值来实现页面的淡入淡出效果。
0 0
- css3
- css3
- css3
- css3
- css3
- css3
- CSS3
- CSS3
- css3
- CSS3
- css3
- css3
- CSS3
- css3
- css3
- css3
- css3
- css3
- 报错:xml文档结构必须从头至尾包含在同一个实体之中
- Glide、Picasso和Fresco
- make是怎样工作的
- Java实现简单选择排序
- 链表16:复杂链表的复制
- css3
- 链表17:链表判环
- (转)Android .9.png图片的制作与使用
- java 范型详解
- 2016踩过的坑
- 链表18:无环单链表判相交
- Educational Codeforces Round 20 C || Codeforces803C Maximal GCD (水题)
- ASP.NET Highcharts图表(1)-环境配置及第一个实例
- 1050. 螺旋矩阵(25)