css
壁虎回家
这个作者很懒,什么都没留下…
展开
-
Css3新特性(3D转换)
3D移动 translate3d 1.3D移动在2D移动的基础上多加了一个可以移动的方向,就是z轴方向transform: translate (100px):仅仅是在x轴上移动 transform:translate(100px):仅仅是在y轴上面移动 transform: translate (100px) : 仅仅是在z轴上移动(注意:translateZ一般用在px单位) transform:translate3d(x,y,z):其中x,y,z分别指要移动的轴的方向的距离 2.透视 pe..原创 2020-10-14 17:12:28 · 202 阅读 · 0 评论 -
css3的一些新特性2(2D)
一、2D旋转 1.transfrom:translate 平移 transform transform:translate(100px,0) transform:translateX(100px) transform:translateY(100px) 1.定义2D转换中的移动,沿着x和y轴移动元素 2.translate的最大优点:不会影响到其他元素的位置 3.translate中的百分比单位是相对于自身的元素的translate:(50%,50%) 4.对行内元素没有效果 2.transfo..原创 2020-10-13 15:35:44 · 106 阅读 · 0 评论 -
Css3一些新特性3(动画)
1.动画的基本使用 制作动画分两步:1.先定义动画2.在使用(调用)动画 1.keyframes 定义动画(类似定义类选择器) @keyframes 动画名称{ 0%{ width:100px; } 100%{ width:200px; } } @keyframes 动画名称{ from{ transfrom:translate(0,0); } to{ transfrom.原创 2020-10-13 15:34:52 · 77 阅读 · 0 评论