CSS转换导致模糊文本

时间:2018-03-30 17:12:05

标签: css css3 transform css-transforms

有没有想过对这段代码应用抗锯齿?在视频游戏中,可以选择摆脱这个问题。我搜索了很多,但找不到正确的答案,答案让一切都清楚!为什么所有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%);
}

OWL Full

0 个答案:

没有答案