【问题标题】:CSS transform: rotateCSS 变换:旋转
【发布时间】:2022-01-26 02:08:48
【问题描述】:

/* Title image */

.title-image {
  width: 60%;
  transform: rotate(25deg);
  position: absolute;
  z-index: -1;
}
<div class"col-lg-67">
        <img class"title-image" src="images/iphone6.png" alt="iphone-mockup">

      </div>

我正在学习 Udemy 的 Dr. Angela Yu 网络开发课程。

我在使用 CSS 变换时遇到问题:rotate(25deg);

我不明白为什么它不起作用。我的做法和她一样。

这是为了旋转图像。

有人可以帮我吗?

【问题讨论】:

  • 您能否更具体地说明什么不适合您?也许分享一个代码 sn-p 来概述问题。
  • 你对那个元素还有其他的变换吗?
  • 我没有任何其他变换元素。够sn-p吗?如果需要,我可以添加整个代码。

标签: css image rotation transform


【解决方案1】:

这是因为您的 CSS 类未应用于 HTML。您在 HTML 课后错过了=

<div class"col-lg-67">
        <img class="title-image" src="images/iphone6.png" alt="iphone-mockup">

      </div>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-01-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多