gpt4 book ai didi

webkit - 带有垂直呈现文本的 CSS 问题 box-shadow

转载 作者:行者123 更新时间:2023-11-28 19:03:28 25 4
gpt4 key购买 nike

我有一些文本旋转了 270 度,我想对其应用 -moz-box-shadow/box-shadow/-webkit-box-shadow CSS 属性。不幸的是,所有浏览器都渲染框阴影,就好像文本 block 元素没有旋转一样(即阴影位置偏离标准从左到右渲染时应有的位置 90 度)

有没有办法克服这个问题?

最佳答案

这对我有用。您可以发布您的代码以便我们了解您在做什么吗? (例如,您可以做的一件事是设置变换 - 在 span 元素上旋转,但在容器 div 上设置 box-shadow。)

这是一些有效的 webkit 代码:

#RRottatte{ -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(270deg);
width: 100px;
height: 100px;
top: 300px;
left: 200px;
-webkit-box-shadow: 6px 6px 0px red;
}
</style>

</head>
<body>
<div id="RRottatte">My Rotated Text</div></body>
</html>

关于webkit - 带有垂直呈现文本的 CSS 问题 box-shadow,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4659432/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com