CSS小技系

CSS小技系を集めてみました。

上下左右ど真ん中

サムネイル画像などをトリミング

かなり簡単にできる。調べるのが難しかったくらい(=_=;)
1行追加でOK!CSSだけで画像をトリミングできる「object-fit」プロパティー
image clipping

影とか浮かんだりとか

Gist埋め込み1に使ってます。
Webデザインにシャドウを取り入れる時のポイントいろいろ

  1. 撤去しましたが、一応記録として。あとGitHub Pages - Theme CustomizeでSCSSを紹介してますが、ここではCSSにコンパイルしてあります。SCSSに関してはSCSSの記事参照。 

Leave a Comment