Rotating a icon with css class property

Question

I want to rotate an icon with class property in css

.km-cursoricon:after {
content:"\e0d4";
display:inline;
 -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

Here i am using content for icon and it is not rotating after using rotate transform also and "km-cursoricon " is the class for that icon, any one can suggest me how to rotate that icon.

`inline` elements cannot be transformed. You need to set `display` as block level or inline block. — Harry, Oct 17 '16 at 05:03
total icon got hiding while using block or inline-block @Harry — Manoj Kumar Miriyala, Oct 17 '16 at 05:11
@ManojKumarMiriyala: You have to add your full code (if possible with a demo) for somebody to help you. — Harry, Oct 17 '16 at 05:56

score 1 · Accepted Answer · answered Oct 17 '16 at 05:04

1

Inline elements cannot be transformed,and pseudo elements are inline by default so apply display:block ordisplay:inline-block to transform them

answered Oct 17 '16 at 05:04

Pritish Vaidya

21,561
3
58
76

total icon got hiding while using block or inline-block – Manoj Kumar Miriyala Oct 17 '16 at 05:09
post your code here pls https://jsfiddle.net/ – Pritish Vaidya Oct 17 '16 at 05:11
just apply display:inline-block – Pritish Vaidya Oct 17 '16 at 05:16
It's working now, Thanks – Manoj Kumar Miriyala Oct 18 '16 at 04:35

Rotating a icon with css class property

1 Answers1