通过CSS缓慢旋转页面

发布于 2024-09-06 19:11:16 字数 323 浏览 3 评论 0原文

是否可以通过 CSS 缓慢旋转页面的某些部分（在本例中为单个类）？我当前的代码：

.c1
{
 -webkit-transform: rotate(170deg);
 -moz-transform: rotate(170deg);
 -o-transform: rotate(170deg);
}

不幸的是，以我拥有的访问量，无法使用 javascript 来实现此目的。

有没有办法在鼠标悬停或鼠标位于其顶部时旋转此类，或者只是简单地旋转？这必须完全通过 CSS 完成。

感谢您的帮助！我知道这是一个奇怪的请求，但我希望找到答案。

原文

Is it possible to slowly rotate parts of a page (in this case a single class) via CSS? My current code:

.c1
{
 -webkit-transform: rotate(170deg);
 -moz-transform: rotate(170deg);
 -o-transform: rotate(170deg);
}

Unfortunately there is no way to use javascript for this, with the amount of access I have.

Is there a way to rotate this class on rollover or if the mouse is on top of it, or just simply rotate? This must be done entirely via CSS.

Thanks for the help! I know this is a strange request, but I hope to find an answer.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

冰雪梦之恋 2024-09-13 19:11:16

对于 Firefox：

 -moz-transform: rotate(15deg) scale(1.25, 0.5);
 transform: rotate(15deg) scale(1.25, 0.5);

对于 Chrome、Safari 和 Opera：

    -webkit-transform: rotate(15deg) scale(1.25, 0.5);

而 Internet Explorer 不支持此功能：]

For Firefox :

 -moz-transform: rotate(15deg) scale(1.25, 0.5);
 transform: rotate(15deg) scale(1.25, 0.5);

For Chrome , Safari and Opera :

    -webkit-transform: rotate(15deg) scale(1.25, 0.5);

And Internet Explorer Doesn't support this :]

回复收藏 0 原文

木緿 2024-09-13 19:11:16

有一些很好的提示和技巧此页面适用于 Firefox。 :)

类似于：

.transformed {
    -webkit-transform: rotate(15deg) scale(1.25, 0.5);
    -moz-transform: rotate(15deg) scale(1.25, 0.5);
    transform: rotate(15deg) scale(1.25, 0.5);
}

这就是您所拥有的，但请注意，Firefox 仅从 v3.1 及更高版本支持它。 :)

There are some good hints and tips on this page for Firefox. :)

Something like:

.transformed {
    -webkit-transform: rotate(15deg) scale(1.25, 0.5);
    -moz-transform: rotate(15deg) scale(1.25, 0.5);
    transform: rotate(15deg) scale(1.25, 0.5);
}

Which is what you have, but note that Firefox only supports it from v3.1 and up. :)

回复收藏 0 原文

~没有更多了~