Html 转换css时文本模糊
下面是我试图使用纯css创建的翻转卡动画的代码。为什么当我有我的翻转动画css代码时，文本和图像会变得模糊，而当我去掉翻转代码时，文本又会变得漂亮和清晰？是否有解决此问题的方法？有人有什么解决办法吗？有什么有用的吗，谢谢。（我正在谷歌Chrome中查看此内容） 使用翻转cssHtml 转换css时文本模糊,html,css,Html,Css,下面是我试图使用纯css创建的翻转卡动画的代码。为什么当我有我的翻转动画css代码时，文本和图像会变得模糊，而当我去掉翻转代码时，文本又会变得漂亮和清晰？是否有解决此问题的方法？有人有什么解决办法吗？有什么有用的吗，谢谢。（我正在谷歌Chrome中查看此内容） 使用翻转css @导入url（'https://fonts.googleapis.com/css?family=Playfair+显示器：400400i、700700i、900900i’； @导入url（'https://fonts.g
@导入url（'https://fonts.googleapis.com/css?family=Playfair+显示器：400400i、700700i、900900i’；
@导入url（'https://fonts.googleapis.com/css?family=Open+Sans:300300i、400400i、600600i、700700i、800800i’；
html，正文{
身高：100%；
宽度：100%；
保证金：0；
填充：0；
背景色：#eaeaea；}
.集装箱{
宽度：900px；
高度：550px；
背景色：白色；
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
边距：自动；}
.右分区{
宽度：540px；
高度：550px；
背景图片：url（）；
变换：比例（1）；
背景位置：-170px 0px；
背景尺寸：封面；
位置：绝对位置；
排名：0；
底部：0；
右：0；
边距：自动；}
.左分区{
宽度：323px；
高度：550px；
背景色：白色；
位置：绝对位置；
排名：0；
底部：0；
左：0；
边距：自动；}
.内容名称{
字体系列：“开放式Sans”，无衬线；
字母间距：3px；
字体大小：10px；
文本转换：大写；
颜色：#7E7E7E；
字号：700；
边缘顶部：160px；
左边距：40px；}
.内容标题{
字体系列：“Playfair显示”，衬线；
字体大小：44px；
字母间距：3px；
字号：700；
颜色：#2c2c；
边缘顶部：10px；
左边距：40px；}
.内容说明{
利润上限：-20px；
字体系列：“开放式Sans”，无衬线；
字体大小：13px；
颜色：#7e7e7e；
线高：22px；
左边距：40px；}
.内容链接{
位置：绝对位置；
边缘顶部：20px；
颜色：#2c2c；
字体系列：“开放式Sans”，无衬线；
字母间距：3px；
字体大小：11px；
文本转换：大写；
字号：700；
文字装饰：无；
左边距：40px；}
/*翻转*/
.翻转容器{
-webkit透视图：1000；
位置：固定；
最高：50%；
左：50%；
/*带上你自己的前缀*/
转换：转换（-50%，-50%）；}
.flip容器：悬停.flipper、.flip-container.hover.flipper{
-webkit变换：旋转（180度）；}
.翻转容器，.正面，.背面{
宽度：900px；
高度：550px；}
.鳍状肢{
-webkit转换：0.6s；
-webkit变换样式：保留-3d；
位置：相对；}
.前面，.后面{
-webkit背面可见性：隐藏；
位置：绝对位置；
排名：0；
底部：0；}
.前线{
z-索引：2；}
.回来{
-webkit变换：旋转（180度）；
背景：白色；}
标题
名称
Sed ut perpiciatis unde omnis iste natus
错误是指所有人都能清楚地看到自己的身体
：p