首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >有什么方法可以使中间的一段文字凸起,只使用变换?

问有什么方法可以使中间的一段文字凸起,只使用变换?
EN

Stack Overflow用户
提问于 2012-11-06 03:38:59
回答 1查看 951关注 0票数 3

到小提琴的链接在底部。

是否有一种方法通过将转换样式应用于文本节点的父容器来膨胀文本节点?

代码语言:javascript
复制
<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

代码语言:javascript
复制
.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/

EN

回答 1

Stack Overflow用户

发布于 2012-11-10 21:51:38

不幸的是,似乎还没有。直到我们得到::nth-信函()伪选择器。

呼叫::n-一切

CSS :nth-信函()

同时,您可以尝试使用Lettering.js,一种用于排版的jQuery插件。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13244009

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档