有沒有什麼辦法可以在中間使用變換來使文本突出一段時間？

Question

小提琴的鏈接在底部。

有沒有辦法通過將變形樣式應用到父容器來凸出文本節點？

HTML

<span class='manual-labor-1'>e</span> 
<span class='manual-labor-2'>s</span> 
<span class='manual-labor-3'>c</span> 
<span class='manual-labor-4'>h</span> 
<span class='manual-labor-5'>e</span> 
<span class='manual-labor-6'>w</span> 

<br/><br/><br/> 

<span class='just-css-3'>eschew</span> 

CSS

.just-css-3 { 
    /* ultimate troll wonders if there is a way to do create the same effect using just css3 (tansform?) */ 
} 

    /* begin this is all garbage */ 
    color:red; 
    display:inline-block; 
    transform:rotate(-180deg); 
    -ms-transform:rotate(-180deg); 
    -moz-transform:rotate(-180deg); 
    -webkit-transform:rotate(-180deg); 
    -o-transform:rotate(-180deg); 
    /* end this is all garbage */ 
} 

.manual-labor-1{ font-size:20px; } 
.manual-labor-2{ font-size:50px; } 
.manual-labor-3{ font-size:90px; } 
.manual-labor-4{ font-size:90px; } 
.manual-labor-5{ font-size:50px; } 
.manual-labor-6{ font-size:20px; }​ 

http://jsfiddle.net/uyCZj/3/

Answer 1

不幸的是，目前還沒有，它似乎。直到我們得到:: nth-letter（）僞選擇器。

A Call for ::nth-everything
CSS :nth-letter()

在此期間，您可以嘗試使用Lettering.js，一個jQuery插件排版。