首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >css在内容之前旋转伪:或:“”

css在内容之前旋转伪:或:“”
EN

Stack Overflow用户
提问于 2012-03-20 08:32:12
回答 2查看 117.7K关注 0票数 183

无论如何,为了在伪集上进行旋转

代码语言:javascript
复制
content:"\24B6"? 

我在试着旋转一个unicode符号。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-03-20 14:03:15

内联元素不能转换,默认情况下伪元素是内联的,因此必须应用display: blockdisplay: inline-block来转换它们:

代码语言:javascript
复制
#whatever:after {
  content: "\24B6";
  display: inline-block;
  transform: rotate(30deg);
}
代码语言:javascript
复制
<div id="whatever">Some text </div>

票数 417
EN

Stack Overflow用户

发布于 2017-07-05 03:24:22

代码语言:javascript
复制
.process-list:after{
    content: "\2191";
    position: absolute;
    top:50%;
    right:-8px;
    background-color: #ea1f41;
    width:35px;
    height: 35px;
    border:2px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    z-index: 10000;
    -webkit-transform: rotate(50deg) translateY(-50%);
    -moz-transform: rotate(50deg) translateY(-50%);
    -ms-transform: rotate(50deg) translateY(-50%);
    -o-transform: rotate(50deg) translateY(-50%);
    transform: rotate(50deg) translateY(-50%);
}

你可以检查这段代码。我希望你能很容易地理解。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9779919

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档