css
CSSで作るレスポンシブ&クリッカブル日本地図May 28, 2021
![CSSで作るレスポンシブ&クリッカブル日本地図 - thumbnail](https://web.contempo.jp/wprs/wp-content/uploads/2021/05/mockup-160x160.jpg)
Index
- レスポンシブデザインでモバイルでもレイアウトが崩れないCSSだけで実現するクリッカブルな日本地図が欲しい。
- ダウンロード
- html
- css
bodyクラスに投稿/カテゴリの所属スラッグをすべて付与するDec 6, 2016
![bodyクラスに投稿/カテゴリの所属スラッグをすべて付与する - thumbnail](https://web.contempo.jp/wprs/wp-content/uploads/2016/12/circuit-160x160.png)
bodyとpostクラスに所属カテゴリのスラッグを付与したい。 だいぶ前に「投稿が所属するカテゴリの先祖や子孫を取得するあれこれ。」という記事を書きましたがそこそこアクセスがあったので、実用レベルでよく使うアレンジも紹介しておきます。functions.phpに入れるだけで動きます。正確には、使用テーマのテンプレートでbody_classとpost_classを使用していれば動きます。 実...
画像を背景指定せずにCSSだけでクロップする方法Jan 18, 2016
![画像を背景指定せずにCSSだけでクロップする方法 - thumbnail](https://web.contempo.jp/wprs/wp-content/uploads/2016/01/crop_2-160x160.jpg)
Index
- 画像を背景指定せずにCSSだけで正方形に切り抜く。
- 写真をdivの中央からカバーするサイズで配置する。
- DEMO
dottedなどのborder要素をグラデーションさせる。Apr 3, 2015
拙ウェブサイト内の画像をつかった装飾箇所をcss3とかwebfontとかに置き換えていたところ、表題の件に行き当たりました。今更画像を使うのも嫌なので擬似的な手段ですがcssで処理。ボーダーを引きたい要素に直接ボーダーを充ててもよいのですが、そうするとその要素のposition:relativeの位置がボーダーの内側になりますので、そのぶん修正が必要になります。親要素にrelativeを指定して、...