C3
杨-Yuki
这个作者很懒,什么都没留下…
展开
-
纯CSS写轮播
布局:样式:* {margin: 0;padding: 0;/background: silver;/}/初始化页面/.CarouselBox {width: 400px;height: 300px;margin: 100px auto;overflow: hidden;}/设置放置轮播图的盒子/li {width: 400px;height: 300px;f...原创 2020-04-30 16:08:43 · 151 阅读 · 0 评论 -
用css3绘制3d相册
布局:样式:*{margin: 0;padding: 0;}.wrap{height: 200px;margin-top: 200px;}.cube{width: 200px;height: 200px;margin: 0 auto;position: relative;transform-style: preserve-3d;transform: rotateX...原创 2020-04-30 15:16:28 · 208 阅读 · 0 评论 -
动画animation
animation: name duration timing-function delay iteration-count direction fill-mode play-state;例:animation: myanimation 2s linear 1s infinite forwards;animation 属性是一个简写属性,用于设置动画属性:animation-nameani...原创 2020-04-26 09:17:37 · 629 阅读 · 0 评论 -
flex布局
注意:父盒子(容器)设置flex布局之后,子元素(项目)的float,clear和vertical-align属性将失效flex布局原理:通过给父盒子添加flex属性, 来控制子盒子的位置和排列方式display: flex inline-flex传统布局:兼容性好,布局繁琐,局限性,不能在移动端很好的布局flex弹性布局:操作方便,布局极为简单,移动端应用广泛,PC端浏览器支持情况...原创 2020-04-26 09:11:00 · 139 阅读 · 0 评论 -
CSS3的新增属性
边框圆角:border-radius边框阴影box-shadow:水平偏移 垂直偏移 模糊半径 向外延展的大小 阴影的颜色边框背景图像border-image 了解就好背景图片background:backgrount-image background-repeat background-attachement background-position backgro...原创 2020-04-18 20:40:57 · 163 阅读 · 0 评论 -
CSS3选择器
关系选择器:通用兄弟选择器:~ 同级所有元素 (只能向后找)相邻兄弟选择器:+ 单个元素 平级 (只能向后找)属性选择器:/*这里的src可以换成其他的属性如class herf name */伪类选择器::first-child :last-child :nth-child( ) 不能有其他元素:first-of-type( ) :last-of-type(...原创 2020-04-18 12:55:07 · 163 阅读 · 0 评论