gpt4 book ai didi

html - CSS3 不工作

转载 作者:太空宇宙 更新时间:2023-11-03 23:44:49 26 4
gpt4 key购买 nike

我的 css3 有问题。我目前正在学习教程,然后当我在本地副本上对其进行测试时,浏览器未读取 css3。这是代码:

 <html>
<head>
<style type="text/css">
/*custom font - Montserrat*/
@import url(http://fonts.googleapis.com/css?family=Montserrat);
/* Background */
html, body{ min-height: 100%}
body {
background: #123;
background: linear-gradient(#123, #399);
}
/*basic reset*/
* {margin:0; padding: 0;}

/*Thumbnail BG*/
.thumb { width: 400px; height: 300px; margin: 70px auto;
perspective: 1000px;
}
.thumb a {
display: block; width: 100%; height: 100%;
background: url("http://thecodeplayer.com/u/m/i1.png");

transform-style: preserve-3d;
/* hover effect */
transform: rotateX(80deg); transform-origin:bottom;
}
</style>
</head>


<body>
<div class="thumb">
<a href="#">
<!-- LABEL -->
<span></span>
</a>
</div>
</body>

transform-style: preserve-3d 部分及以下部分在我测试时未被浏览器读取。难道我做错了什么?我正在使用 sublime-text 2 来创建它。

顺便说一句,我正在使用 Chrome ver32。

最佳答案

您需要添加供应商前缀,我想您希望将悬停效果拉到另一个规则中,请参阅此工作示例 http://plnkr.co/edit/e1WJ5ogErMW6R6TDwX20?p=preview

关于html - CSS3 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21844437/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com