Forum Discussion

jonathancrow's avatar
jonathancrow
Advisor
11 years ago

CSS 3

Any help on when/whether different CSS 3 elements are supported in Lithium would be much appreciated. I am trying to do some animation and haven't been able to get it to work:

 

 

<div id="Stage_Rectangle" class="Stage_Rectangle_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 130px; height: 96px; right: auto; bottom: auto; -webkit-transform-origin: 50% 50%; -webkit-transform: translate(19px, 19px) translateZ(0px) rotate(0deg) scale(1, 1); border: 0px none rgb(0, 0, 0); background-color: rgb(192, 192, 192); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform-style: preserve-3d;"></div>

 

I am wondering if it just because it isn't supported in Lithium, or if it is maybe not supported in a message post?

 

Thanks,

Jonathan

  • cblown's avatar
    cblown
    Boss
    11 years ago

    The full gamut of CSS3 should work fine inside Lithium. Within a message post is another story as the TinyMCE WYSIWYG system strips out things its been told are bad. The only other gotcha might be the DOCTYPE, Lithium still use XHTML 1.0 Transitional. Although you can ask this to be changed by a support request, certain browsers namely IE use the DOCTYPE and the existance of a namespace to go into different rendering modes this could effect some CSS3 properties.