Hello all,
Some serious stuff. Must balance work and play......
This email is about an unexpected result of rotation in transformed
elements which I noticed when resizing the viewport. What does happen as
the viewport gets wider is the start and end parts of the element that
is rotated become higher (start) or lower (end).
This can result in the element *overlapping other content*. I have
created this demo to help with discussion for this issue. My solution is
by using media queries. Each change is by 1 degree.
<http://css-class.com/test/css/3/rotate-media-query-avoid-overlap.htm>
I have not fully check the specs to see if there is another solution or
a value that can avoid this.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
