xxx.s500

トップ | 最近の更新 | このサイトについて | rss2.0

[web] [css] メモ

要素を傾けた時に出るジャギーを消す

transform: rotate() を使うとchromeではジャギーが出る。
この場合、 translate3d(0, 0, 0) を併記しておけばよいそうな。

transform: rotate(2deg) translate3d(0, 0, 0);

input要素系の枠線を消す

chromeでは、フォーカスしたinput要素とかに枠線が付く。
これを消したいときは outline: none を使う。

input[type="text"], 
input[type="password"], 
textarea, 
select {
    outline: none;
}