css3
文章平均质量分 95
hahahahadoop
陌上花开,可缓缓归矣
展开
-
3D转换之位移(translate)、透视(perspective)和旋转(rotate),你了解了嘛?
D转换之位移(translate)、透视(perspective)和旋转(rotate),你了解了嘛?🌵🌵🌴三维坐标系三维坐标系其实就是指立体空间,立体空间是由3个轴共同组成的。x轴:水平向右 注意:×右边是正值,左边是负值y轴:垂直向下 注意:y下面是正值,上面是负值z轴:垂直屏幕 注意:往外面是正值,往里面是负值🌵🌵🌴3D移动 translate语法格式:transform: translateX(100px);transform: translat原创 2022-02-25 13:56:58 · 1121 阅读 · 1 评论 -
css3大绝技之animation动画
✨✨✨css3大绝技之animation动画动画( animation)是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。制作动画分为两步:1.先定义动画2.再使用(调用)动画✨✨🎈 动画的基本使用✨🎈🎈 用keyframes定义动画(类似定义类选择器)语法格式:@keyformes 动画名称 { 0% { width:100px; } 100% { width:200px;原创 2022-04-27 16:40:53 · 9949 阅读 · 1 评论 -
CSS3的2D转换和3D转换,你了解了嘛?
css3的2D转换和3D转换CSS3大纲:本次讲解css3带来了两种转换:2D转换和3D转换1. 2D转换转换( transform)是CSS3中具有颠覆性的特征之一,可以实现元素的位移(transform)、旋转(rotate)、缩放(scale)等效果2D转换是改变标签在二维平面上的位置和形状的一种技术,要先学习二维坐标系。1.1 2D转换之移动 transform 2D移动是2D转换里面的一种功能,可以改变元素在页面中的位置,类似定位。语法格式:transform: tra原创 2021-08-19 10:05:51 · 834 阅读 · 1 评论