Увядание от обычного текста курсивом курсивом гладко?

Question

Есть ли способ сделать это так, когда мой пользователь парит над обычным текстом, который представляет собой якорь, текст плавно переходит в косой или курсив, чтобы показать, что это ссылка (в том числе и подчеркивания)

Вот пример то, что я пытаюсь сделать ...

<a href="http://oldsite.com"> 
<p class="footertext">Take me to the old site...</p> 
</a> 

---

p.footertext { 
font-size:12px; 
padding-left:4px; 
text-decoration:none; } 
p.footertext:hover { 
/*text:decoration: "italicize smoothly"*/ } 

Answer 1

Вы можете использовать CSS3 transform functions для имитации курсивного текста. Вы также можете использовать CSS3 transitions, чтобы получить плавный переход, который вы ищете.

.italic { 
    -moz-transition: all 1s; 
    -webkit-transition: all 1s; 
    -o-transition: all 1s; 
    transition: all 1s; 
} 

.italic:hover { 
    -webkit-transform: skewX(-20deg); 
    -moz-transform: skewX(-20deg); 
    -o-transform: skewX(-20deg); 
    transform: skewX(-20deg); 
} 

JSFiddle

Answer 2

No. перекосом текст не совпадает с текстом, выделенным курсивом. Курсивный шрифт - это не просто перекошенный шрифт, он совершенно другой. Вы можете, возможно, перечеркнуть растворение между ними, но перекос не дает вам правильного текста с курсивом.