css 旋转一个伪 :after 或 :before content:""

css rotate a pseudo :after or :before content:quot;quot;(css 旋转一个伪 :after 或 :before content:)
本文介绍了css 旋转一个伪 :after 或 :before content:""的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

限时送ChatGPT账号..

无论如何都要对伪进行旋转

anyway to make a rotation work on the pseudo

content:"24B6"? 

我正在尝试旋转一个 unicode 符号.

I'm trying to rotate a unicode symbol.

推荐答案

内联元素不能转换,伪元素默认是内联的,所以必须应用 display: blockdisplay: inline-block 来转换它们:

Inline elements can't be transformed, and pseudo elements are inline by default, so you must apply display: block or display: inline-block to transform them:

#whatever:after {
  content: "24B6";
  display: inline-block;
  transform: rotate(30deg);
}

<div id="whatever">Some text </div>

这篇关于css 旋转一个伪 :after 或 :before content:""的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

Selenium WebDriver get text from CSS property quot;contentquot; on a ::before pseudo element(Selenium WebDriver 从 CSS 属性“内容获取文本在 ::before 伪元素上)
GIve css3 rotate to a DIV in Chrome then the background-attachment:fixed creating bug(将 css3 旋转到 Chrome 中的 DIV 然后背景附件:修复创建错误)
Changing width/height moves rotated element(改变宽度/高度移动旋转的元素)
Rotating a background image with CSS3(使用 CSS3 旋转背景图像)
THREE JS get (world) rotation from matrixWorld(三个 JS 从 matrixWorld 获取(世界)旋转)
jQuery - CSS - Rotate Div by drag mouse event(jQuery - CSS - 通过拖动鼠标事件旋转 Div)