CSS - font style: Italic - Slant to left

Question

I have this simple HTML and I made it italic using CSS.

Is it possible to reverse the slant position of the text from right to left?

HTML

<p class="italic">hello world</p>

CSS

.italic {
    font-style: italic;
}

Look at this answer, maybe it help: https://stackoverflow.com/a/11976302/8283938 — Falke Design, Jul 21 '17 at 07:43

score 4 · Answer 1 · answered Jul 21 '17 at 07:43

4

hmmm, as I correct understand, just try this:

.italic {
    -moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
    -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
    -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
    -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg);
}

answered Jul 21 '17 at 07:43

Tsurule Vol

342
1
6

thank you sir, it work https://jsfiddle.net/mzo2wuoo/ – Mark Gerryl Mirandilla Jul 21 '17 at 07:46
Cool, you're welcome :) – Tsurule Vol Jul 21 '17 at 07:47
Why are you explicitly setting scale, rotate and translate to zero? – HaLeiVi Jan 29 '20 at 18:51
Ohh, just for a demo purposes, would be enough that one: .italic { transform: skew(30deg, 0deg); } – Tsurule Vol Dec 02 '20 at 14:09

CSS - font style: Italic - Slant to left

1 Answers1