![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
这家伙不愿透露姓名
不要让手指停下来
展开
-
CSS3 3D 球体自转特效
CSS3 3D 球体自转特效transform-style: preserve-3d;设置父级元素,它的子级元素具有3d效果,再设置子元素沿Y 轴的 3D 旋转。[注:线条看个人喜欢适当减少]html代码如下<div class="box"> <div class="star"> <div class="starline"></div> <div class="starline"></原创 2020-09-10 19:08:26 · 1546 阅读 · 0 评论 -
CSS3(四)
3D :transform-style: 容器是否为3Dpreserve-3d; 3D场景flat; 2D场景 translate() 偏移 translateZ() 沿Z轴偏移 transform:translate3d(X,Y,Z); transform :rotate()旋转 默认是沿Z轴 transform:rota原创 2020-09-09 14:41:16 · 103 阅读 · 0 评论 -
CSS3(三)
层级选择器:.box1>p{ //子选择器 ,父子关系 } .box1+.box2{ //相邻兄弟选择器 , 只能往下选择 background-color: aquamarine;}.box1~div 通用选择器 同级元素 .box1 后面的所有元素##属性选择器E[attr]:只使用属性名,但没有确定任何属性值E[attr=“value”]:指定属性名,并指定了该属性的属性值E[attr~=“value”]:指定属性原创 2020-09-09 14:37:48 · 112 阅读 · 0 评论 -
CSS3(二)
2Dtransformtransform的属性包括:rotate() / skew() / scale() / translate(,) ,分别还有x、y之分,比如:rotatex() 和 rotatey() translate() 元素向指定的方向移动,类似于position中的relative。(偏移)translate (x轴位移的值 )translateY (y轴位移的值)translate(X,Y) 位移的值可为负数,是加了单位的属性值 。scale(1,0.5)原创 2020-09-05 16:44:40 · 151 阅读 · 0 评论 -
CSS3(一)
前缀&渐变&过渡浏览器私有前缀-ms- 内核 IE浏览器专属的CSS属性需添加一ms前缀-moz- 所有基于Gecko引擎的浏览器(如Firefox) 专属的cSS属性需添加-moz前缀-0- Opera浏览器专属的CsS属性需添加-0-前缀-webkit- 所有基于Webkit引擎的浏览器( 如Chrome、Safari) 专属渐变渐变: 背景色渐变线性渐变 和 径向渐变 线性渐变 : background: linear-gradient();原创 2020-09-05 16:33:41 · 111 阅读 · 0 评论