반응형
css 내용 다음 또는 내용 이전에 의사:"를 회전합니다."
어쨌든 그 사이비를 회전시키는 일을 하기 위해서는
content:"\24B6"?
유니코드 기호를 돌리려고 합니다.
인라인 요소는 변환할 수 없으며 의사 요소는 기본적으로 인라인이므로 적용해야 합니다.display: block아니면display: inline-block다음과 같이 변형할 수 있습니다.
#whatever:after {
content: "\24B6";
display: inline-block;
transform: rotate(30deg);
}<div id="whatever">Some text </div>.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%);
}
당신은 이 코드를 확인할수 있습니다. 당신이 쉽게 이해하기를 바랍니다.
언급URL : https://stackoverflow.com/questions/9779919/css-rotate-a-pseudo-after-or-before-content
반응형
'programing' 카테고리의 다른 글
| 각.json과 $scope의 차이.$eval을 JSON 문자열에 적용할 경우 (0) | 2023.10.30 |
|---|---|
| MySQL FULL JOIN? (0) | 2023.10.30 |
| html 요소에 대한 onclick 이벤트에 대한 data-* 특성 가져오기 (0) | 2023.10.30 |
| DEFAULT NULL이 있는 MySQL 열 - 스타일리시한 선택입니까? (0) | 2023.10.25 |
| PowerShell을 사용하여 Windows 서비스 시작 유형 가져오기 (0) | 2023.10.25 |