博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css3 属性
阅读量:4697 次
发布时间:2019-06-09

本文共 804 字,大约阅读时间需要 2 分钟。

1,选择器:

  标签,ID,class,子代,后代,伪类,结构,交集,并集,通配符,相邻+,兄弟~

2,浏览器的内核+浏览器前缀

  css3针对同一样式在不同的浏览器的兼容,需要在样式属性前加上内核代码;

  

3,css3的过渡属性

  transition        简写属性,用于在一个属性中设置四个过渡属性;

  transition-property    规定过渡的css3属性名称;

  transition-duration    定义过渡效果花费时间;

  transition-timing-function  规定过渡效果的时间曲线,默认“ease”;

  transition-dalay      规定过渡效果何时开始

4,Animation(动画)

  @keyframes    规定动画

  animation-direction  规定动画是否在下一个周期逆向播放

  animation-play-state  规定动画是否正在运行或暂停  

              paused 暂停    running 运行

5,2D 3D

  css3中的2D,3D特效都是方法(函数)提供了四个方法:

    translate  平移---px

    rotate    旋转---number+deg 角度

    scale    缩放---1代表不变

    skew    拉伸---Xdeg  Ydeg

  3D:

    原理是近大远小,  视距---perspective

    元素要有3D效果,perspective视距给他的父级元素;

    transform-style :preserve-3d  内部子元素成3D效果;

转载于:https://www.cnblogs.com/yangzhiqiang/p/10555051.html

你可能感兴趣的文章
第二冲刺阶段个人博客5
查看>>
UVA 116 Unidirectional TSP (白书dp)
查看>>
第三方测速工具
查看>>
MySQL 网络访问连接
查看>>
在aws ec2上使用root用户登录
查看>>
数据访问 投票习题
查看>>
CIO知识储备
查看>>
cnblog!i'm coming!
查看>>
使用点符号代替溢出的文本
查看>>
Axios 中文说明
查看>>
fatal: remote origin already exists.
查看>>
gridview 自定义value值
查看>>
2018二月实现计划成果及其三月规划
查看>>
类名.class和getClass()区别
查看>>
12/17面试题
查看>>
LeetCode 242. Valid Anagram
查看>>
JSP表单提交乱码
查看>>
如何适应现代雇佣关系
查看>>
团队项目(第五周)
查看>>
SQL 优化经验总结34条
查看>>