相关疑难解决方法(0)

我想E在单词中反映字母,WEBLOG所以我使用了CSS转换属性,但是如果我将文本包装在一个span中,它就不起作用但是如果我在分配display: inline-block;或display: block;

所以变换不适用于内联元素？

示例1(无法转换)

<h1>W<span>E</span>BLOG</h1>

h1 span {
    transform:rotate(7deg);
    -ms-transform:rotate(7deg); /* IE 9 */
    -moz-transform:rotate(7deg); /* Firefox */
    -webkit-transform:rotate(7deg); /* Safari and Chrome */
    -o-transform:rotate(7deg); /* Opera */
}

示例2(Works,如果使用display: blockORdisplay: inline-block)

我做了一些谷歌搜索,这是我的答案

<!--[if IE]>
<style>
    .mirror {
        filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1);
    }
</style>
<![endif]--> 
<style>
.mirror {
    display:block; 
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform:matrix(-1, 0, 0, 1, 0, 0);
}
</style>
<div class="mirror">testing</div>

这里唯一的问题是镜像的中心不是对象的中心,所以我们可能需要一些javascript来将对象移动到我们想要的位置.

我正在创建一个充满愚蠢的打油诗的创意网站.我想以交替的方向显示打油诗的每一行.也就是说,我希望它以圆形形式出现.我想知道这是否可能只用HTML.

作为一个例子,我希望能够编写看起来像这样的标记:

<p>
  <forward>There once was a young lady with pride,<br>
  <backward>who ate fourteen green apples and died.<br>
  <forward>Within the lamented,<br>
  <backward>the apple fermented<br>
  <forward>and made cider inside her insides.
</p>

这将显示这样的东西

曾经有一位年轻的女士骄傲,
.deid DNA selppa neerg neetruof ETA OHW
在感叹,
detnemref elppa EHT
,使她内心里面苹果酒.

对于这个例子,我只是向后手动编写文本,但我不想继续这样做,因为这是一个非常繁琐的过程.如果我能用纯HTML做到这一点会很好,而不需要做任何脚本来动态操作文本.

是否有与-webkit-box-reflectmozilla和其他浏览器类似的属性？我在google上找不到其他浏览器支持的内容.因此,如果有人可以告诉我或给我链接,那将是非常好的.

我想在我的简单 HTML/CSS 网站上使用表情符号。

这个想法是使用表情符号作为页面末尾的“下一个”和“上一个”按钮（参见屏幕截图）。通过代码插入简单的表情符号是没有问题的，但是有没有办法镜像/翻转表情符号，以便它们从右向左显示（就像屏幕截图中的白鞋）？

或者，通过将表情符号导出为设置的 PNG 图像，将表情符号视为 PNG 是唯一的可能性吗？