Html 您能否仅使用“创建水平翻转的文本阴影?”;“文本阴影”;CSS属性

Html 您能否仅使用“创建水平翻转的文本阴影?”;“文本阴影”;CSS属性,html,css,css-transforms,Html,Css,Css Transforms,可以使用例如文本阴影:5px10px在CSS中创建文本阴影。但是,如果我想要模拟真实的阴影,通常需要水平翻转阴影,并可能稍微缩放它(取决于假定光源的位置) 我的问题是,是否可以纯粹使用文本阴影属性来创建这种效果,例如 text-shadow: -100px 200px 69px rgba(0,0,0,0.2); 语法,但带有用于翻转的额外参数。或者这是不可能的,我不得不求助于手动复制原始文本并对其执行标准转换 谢谢。我认为唯一的办法是复制文本: .box{ 字体大小:30px; 利润率:20

可以使用例如
文本阴影:5px10px在CSS中创建文本阴影。但是,如果我想要模拟真实的阴影,通常需要水平翻转阴影,并可能稍微缩放它(取决于假定光源的位置)

我的问题是,是否可以纯粹使用
文本阴影
属性来创建这种效果,例如

text-shadow: -100px 200px 69px rgba(0,0,0,0.2);
语法,但带有用于翻转的额外参数。或者这是不可能的,我不得不求助于手动复制原始文本并对其执行标准转换


谢谢。

我认为唯一的办法是复制文本:

.box{
字体大小:30px;
利润率:20px;
显示:内联块;
位置:相对位置;
}
.box:之前,
.盒子:之后{
内容:attr(数据文本);
}
.盒子:之后{
位置:绝对位置;
排名:0;
左:0;
/*文本阴影:50px20px2pxRGBA(0,0,0,0.4)*/
过滤器:模糊(2px);
变换:平移(50px,20px)旋转(15度);
颜色:rgba(0,0,0,0.4);
}

您可以使用
::在
伪元素之后和
转换
属性实现此效果:

html,正文{
身高:100%;
}
身体{
显示器:flex;
对齐项目:居中;
证明内容:中心;
}
.影子{
字体:80px无衬线;
文本阴影:-100px 200px 69px rgba(0,0,0,0.2);
}
.shadow::之后{
内容:“影子文本”;
显示:块;
颜色:rgba(0,0,0,65);
变换:旋转3D(1,0,0,148度)缩放(1,3度)倾斜(-50度,0度);
利润率:12px035px;
}

阴影文本
您是否可以在问题中添加图片,以便我们能够准确地看到答案的目的是什么?谢谢,我会接受symlink的答案,因为他先回答了,但我仍会投票yours@Creos我先回答:)