Search code examples
cssgoogle-apps-scriptgoogle-caja

Htmlservice using transform:rotate does not pass caja?

I have a script doGet where I use the HtmlService.createTemplateFromFile service to render a html file.

In the html I use a stylesheet as follows 

 .title {
  height:100px;
  width:200px;
  border-radius:10px;
  border: 20px solid #404BBD ;
  font-size:90px;
  transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg)
  }

Which I apply to a div tag in the body of the html. Most of the Css is applied though the rotation of the DIV does not seem to happen. <div class="title">Hello</div>

Am I doing something wrong or does Google Caja not accept the rotation for real?

Solution

  • Caja does not whitelist the transform property. Please feel free to request it be added.