現在、要素 (この場合はメイン) に追加された CSS3 変換を使用して div を回転させようとしていますが、残念ながら役に立ちません。
このために使用しているコードは、ページの最後にあるスクリプト タグにあります。
var div = document.createElement("div");
div.innerHTML = "Hello World";
document.getElementById('main').appendChild(div);
div.style.webkitTransform = "rotate(3deg)";
div.style.color = "red"
Webkit 変換が削除されると、色のスタイリングは正常に機能しますが、Webkit 変換が適用されたときに要素がレンダリングに失敗するだけです。
編集: 何らかの理由でこれに変更すると動作します... Safari と Chrome (2 つの webkit ブラウザー) でテスト済み
div.style.webkitTransform = 'rotate(3deg)';
作成時に div に適用されたインライン スタイル内で二重引用符が壊れているため、二重引用符が気に入らない理由がわかりません。