雅虎新闻CSS，如何实现行为

如何使用CSS实现这一点

我所说的“这个”是指倾斜的白色部分

---

有什么建议吗

您需要CSS剪辑。下面的CSS会给你想要的效果

-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 54%);
 clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 54%);

您可以使用此工具精确计算出您想要的效果。

用法

div {
    width: 280px;
    height: 280px;
    background: #1e90ff;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 54%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 54%);
     }

---

你可以用像

transform:  rotate(X deg) scale(1) skew( X deg) translate(0px);

---

也许您需要3个不同的div，一个用于pic，一个用于旋转，另一个用于放置文本（具有不同的z索引）

到目前为止您尝试了什么？您是否查看了他们的源代码以了解他们使用了什么？为什么不使用开发工具并检查元素？你的浏览器中已经有了所有的代码，只要找到它就行了。我正在使用离子。有什么特别的技术吗？我是程序员，不是CSS的人。但你们都是对的，谢谢。它被否决了，可能是因为你们从来没有表现出任何努力。这个网站不是关于建议，它是关于帮助那些在做这件事时表现出一点努力的人。而且你也很粗鲁。那太好了，兄弟，我在浏览器的css中看不到这一点。不过IE不支持它。我需要它用于移动应用程序，所以在这种情况下，这并不重要。太好了：）你在浏览器的css中看不到这是什么意思？我真的很讨厌那些家伙否决这个问题，我只是想问一些建议什么的，伊修斯