如何解决html字体发虚,CSS3动画过程中文字模糊如何解决?

  • Post author:
  • Post category:其他


我使用animate.css给文本添加了动画效果,文字动画在运动过程中模糊的十分明显,不知道是什么原因?

style=”width: 270px; height: 51px; left: 43px; top: 50px; z-index: 1;

transform: rotateZ(0deg); opacity: 1; position: absolute;”>

style=”width: 100%; height: 100%; top: 20px; left: 5px; font-size: 24px;

writing-mode: horizontal-tb; z-index: 1; color: rgb(103, 103, 103);

transform: none; text-align: left; border-width: 0px; border-style: solid;

border-color: rgb(0, 0, 0); border-radius: 0px; padding-bottom: 0px;

padding-top: 0px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 0px;

margin-top: 0px; margin-bottom: 0px;”>

style=”cursor: default; font-size: 24px; width: 270px; height: 51px;

text-rendering: optimizeLegibility; -webkit-writing-mode: horizontal-tb;

writing-mode: horizontal-tb; min-height: inherit; min-width: inherit;

left: 43px; top: 50px;”>


双击此处进行编辑

以上贴出是易企秀动画元素的CSS,发现他们的动画过程中清晰度还可以,不知道如何实现的,我试了把他们用的几个关键的css属性加到我的上面,并没有什么效果。

麻烦大神们看下,关键点是否在以上的style中?