意外と盲点だったCSS3の役立つ小技まとめ - コムテブログ

TL;DR リニューアルを行った時に、CSS3 で気づいたことや次回もまた使いそうなものなどを備忘録として書いておきます。基本的なものから見慣れないものまで。 CSS3 オートフィルの背景色を解除 chrome にて、テキストボックスのオートコンプリートした際、背景色が黄色になります。これを消したかったので を追記。色指定の箇所に任意の色を指定できますが、とりあえず白色で。 無事消えました。 Coderwall | Change background color for autocompleted inputs in Google Chromeでinputがオートフィルされてると背景色が黄色になるのを回避 – CSS | ごろつきめも backface-visibility で Chrome のチラつきを解決 fadeIn などのアニメーションを取り入れると Chrome でヘッダーやサイ

[hatekats]

小技

[Hi32]

ほとんど知らなかった。

[masayoshinym]

“長方形の画像を正円に「中心」から切り抜く”他。

[nomaharu2013]

boder-radiusで円を作った時に横長になるのを解決（-webkit-clip-path: circle(50% at center);）

[satoshiiiiii]

“心に配置させ、高さをブラウザの大きさとフィットさせる”

[satohu20xx]

スマホだとヘッダとフッタがでかすぎるなー

[s99e209]

レスポンシブに役立ちそうなCSSネタ

[octweb]

試してみる

[daizo1117]

“CSS3のremを使った指定に変更。remは親要素のサイズの影響を受けず相対的にフォントサイズを指定できるので分かりやすいです。emは親要素のfont-sizeを1とした倍率に対して、remはhtml要素のfont-sizeを1とした倍率になります。