- 博客(7)
- 收藏
- 关注
RSS订阅原创 动画（animation）
可通过设置多个节点来精准控制一个或一组动画，常用来实现复杂的动画效果，相比于过渡，动画可以实现更多变化，更多控制，连续自动播放等效果基本使用制作动画分为两步：1.先定义动画序列用keyframes来定义动画@keyframes 动画名称{0%{ width:100px }100%{ width:200px }}0%是动画的开始，1...
2020-02-18 03:11:38
123
原创 3D转换
三维坐标系三维坐标系其实就是指立体空间。立体空间是由3个轴共同组成x轴：水平向右，右边是正值，左边是负值y轴：垂直向下，下面是正值，上面是负值z轴：垂直屏幕，往外面是正值，往里面是负值3D位移注意：位移写在公式最前面3d在2d的基础上多加了一个可以移动的方向，z轴公式描述transform：translateX（100px）仅仅在X轴...
2020-02-18 02:51:07
314
原创 2D转换（transform）
转换: 是css3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果移动（translate）可以改变元素在页面中的位置，类似定位注意：位移写在公式最前面语法：transform:translate(x, y) x轴和y轴的位置，注意：这里的y轴和数学中的y轴是反的。如果只需要移动一条轴可以分开写transform:transla...
2020-02-18 02:33:34
509
原创 过渡动画（transition）
transition 属性是一个简写属性，用于设置四个过渡属性：transition-propertytransition-durationtransition-timing-functiontransition-delay语法：transition：要过渡的属性 .花费时间 运动曲线 何时开始；要过渡的属性想要变化的css属性，宽高和背景颜色内外边距都...
2020-02-18 02:31:24
358
原创 CSS选择器
类选择器，属性选择器，伪类选择器权重为10,标签选择器权重为1最高优先级!important ，可以写多个属性选择器属性选择器可以根据元素的属性及属性值来选择元素。选择符简介E[att]选择具有att属性的E元素E[att = ‘val’]选择具有att属性，且属性值对于val的E元素E[att^=“val”]匹配具有att属...
2020-02-18 02:29:04
216
原创 CSS盒子模型
概述所有HTML元素都可以看作盒子,一般常用于div盒子模型的内容范围包括：margin 外边距border 边框padding 内边距content 内容1.传统盒子模型box-sizing: content-box传统css盒子模型的width和height不是盒子的宽高而是盒子中内容的宽高盒子的宽度=width+padding...
2020-02-18 02:22:53
64
原创 CSS基础常用属性
css列表ul li{ list-style: //列表项 list-style-image:url('') //图片作为列表项 display: 设置元素如何显示以及是否显示 display:block; 成为单个块级元素 display:inline; 一行显示 visibility: 设置元素是否可见（不可见仍然可以点击...
2020-02-18 02:12:40
181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人