# Problem: grey shadow in CSS vertical text

**URL:** <https://www.ruby-forum.com/t/problem-grey-shadow-in-css-vertical-text/125717>\
**Category:** Ruby\
**Created:** [January 11, 2008, 12:40pm UTC](https://www.ruby-forum.com/t/problem-grey-shadow-in-css-vertical-text/125717 "2008-01-11T12:40:39Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![marfola](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/ecc23a/32.png) [@marfola](https://www.ruby-forum.com/u/marfola)\
**Post date:** [January 11, 2008, 12:40pm UTC](https://www.ruby-forum.com/t/problem-grey-shadow-in-css-vertical-text/125717/1 "2008-01-11T12:40:39Z")

</div>

I’m trying to implement bottom-to-top vertical text using CSS attributes  
in IE :  
writing-mode: tb-rl;  
filter: flipv fliph;

But I have encountered the following: the text is displayed with a grey  
shadow (instead of anti-alias).

It seems that the problem is caused by the “filter:flip” attribute. Does  
anyone have a work around? (If I write the same text without the  
“filter” attribute, the grey shadow disappears but my text is written  
top-to-bottom!)

Here’s my stylesheet (the example is also attached):

.verticaltext{  
font-family: Arial;  
font-size: 13px;  
font-weight:bold;  
color:#FF9100;  
position:absolute; top:1px; height:90px;  
width: 16px;  
writing-mode: tb-rl;  
filter: flipv fliph;  
}

and here’s the HTML:

Vertical Text

I have also tried to use other CSS3 attributes like:  
block-progression: ttb;  
direction : rtl;

but they don’t seem to work in IE.

Does someone know how to remove the grey shadow or know of another way  
to implement the bottom-to-top vertical text?

---

<div class="post-metadata">

**Author:** ![marfola](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/ecc23a/32.png) [@marfola](https://www.ruby-forum.com/u/marfola)\
**Post date:** [January 11, 2008, 4:02pm UTC](https://www.ruby-forum.com/t/problem-grey-shadow-in-css-vertical-text/125717/2 "2008-01-11T16:02:18Z")

</div>

> Does someone know how to remove the grey shadow or know of another way  
> to implement the bottom-to-top vertical text?

I’m afraid you have the wrong group. This is a group to discuss the  
Ruby programming language. Perhaps you could try one of the on-line  
CSS resources here ? :

> **[Learning CSS](https://www.w3.org/Style/CSS/learning#online)**
>
> W3C's list of link to tutorials, books, examples, etc. about CSS.

Chris