css样式的意义？

hys***

cite:before {
   content: '';
   position: absolute;
   right: 7px;
   bottom: 7px;
   width: 0;
   height: 0;
   border-width: 4px;
   border-style: solid;
   border-color: #888 transparent transparent transparent;
   transition: all 0.2s;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -o-transition: all 0.2s;
   -ms-transition: all 0.2s;
   transform-origin: 50% 25%;
   -ms-transform-origin: 50% 25%;
   -moz-transform-origin: 50% 25%;
   -webkit-transform-origin: 50% 25%;
   -o-transform-origin: 50% 25%;
}
.extended cite:before {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
}
这两段代码是什么意思？

xia***

before 是在标签的前面加东西；

然后定义高宽，上右边距；
transition是动画展开，这么多行是为了兼容不同的浏览器
transform是旋转，这么多行的也是兼容

出入***

：before（伪类元素选择器）与content"";一起用，content"";是一个空的；
{}border-width: 4px;
border-style: solid;
border-color: #888 transparent transparent transparent;}
上段代码是一个上三角图案；
{position: absolute;
right: 7px;
bottom: 7px;}
上段代码则是移动三角图案
transition: all 0.2s;这是过度元素所有属性都是0.2s内执行
transform-origin: 50% 25%;圆心的确定
transform: rotate(180deg)顺时针旋转180度；

你这段代码的意思是： ∴在0.2内变为∵

黑***

伪元素，这东西在别人的网站代码上看到有，但是自己基本没怎么用过啊，了解太少了。

已有账号？

找人解决需求

css样式的意义？

全部参与3

热门问答

hys***

今日需求悬赏

今日问答求助

发布任务需求已有1031288位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端