垂直呈現文字的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