垂直呈现文字的CSS问题框阴影

我有一些文字旋转270度，我想将-moz-box-shadow/box-shadow/-webkit-box-shadow CSS属性应用到。不幸的是，浏览器都渲染了盒子阴影，就好像文本块元素没有被旋转一样（即阴影位置距离它应该是90度，就像标准的从左到右渲染一样）垂直呈现文字的CSS问题框阴影

Is there一种解决这个问题的方法？

来源

2011-01-11 mpaton

这对我的作品。你可以发布你的代码，以便我们可以看到你在做什么？（例如一两件事你可以做的是设置你的变换 - 旋转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>

来源

2011-01-11 16:03:04