有没有想过对这段代码应用抗锯齿?在视频游戏中,可以选择摆脱这个问题。我搜索了很多,但找不到正确的答案,答案让一切都清楚!为什么所有2D& 3D属性有这个常见问题。
这是我在这里得到的代码示例:
啊!好处是..这不仅仅影响元素本身..它也影响附近的元素,如我的例子中的段落。
body {
background: #343436;
}
p {
color: white;
}
.container {
width: 970px;
margin: 20px auto;
perspective: 1000px;
clear: both;
}
.card {
padding-right: 15px;
width: calc(100%/3);
float: left;
box-sizing: border-box;
font-family: tahoma;
line-height: 1.5em;
transition: transform .5s ease;
-webkit-font-smoothing: antialiased;
}
.card:hover {
transform: translate3d(0, 0, 50px);
}
.content {
padding: 15px;
min-height: 300px;
font-weight: 400;
color: white;
background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%);
}