css rotate a pseudo :after or :before content:”” [duplicate]

by

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>

More Related Contents:

  1. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  2. Is it possible to set the stacking order of pseudo-elements below their parent element? [duplicate]
  3. How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
  4. Why do the :before and :after pseudo-elements require a ‘content’ property?
  5. CSS :after not adding content to certain elements
  6. CSS rotate property in IE
  7. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  8. Why don’t :before and :after pseudo elements work with `img` elements? [duplicate]
  9. Can I change the height of an image in CSS :before/:after pseudo-elements?
  10. CSS :before on inline SVG
  11. Is there a way to use SVG as content in a pseudo element ::before or ::after
  12. Can I target a :before or :after pseudo-element with a sibling combinator?
  13. Should I use single or double colon notation for pseudo-elements?
  14. How can I make generated content selectable?
  15. Add line break to ::after or ::before pseudo-element content
  16. Universal selector * and pseudo elements
  17. Can I have multiple :before pseudo-elements for the same element?
  18. CSS3 transition on click using pure CSS
  19. Combine :after with :hover
  20. Z-index with before pseudo-element
  21. Cross browser way to rotate image using CSS?
  22. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  23. CSS Pseudo Element Counters: can you increment an alphabet letter “a”, “b”, “c”, etc instead of a number?
  24. Vertically centering content of :before/:after pseudo-elements
  25. “text-decoration” and the “:after” pseudo-element, revisited
  26. Should I use single colons (:) or double colons (::) for before, after, first-letter and first-line pseudo-elements?
  27. Change style of pseudo elements in angular2
  28. prevent a pseudo element from triggering hover?
  29. Apply webkit scrollbar style to specified element
  30. CSS3 transitions on pseudo-elements (:after, :before) not working?

Leave a Comment