css
css
css 
css ページ上でふわふわ動くアニメーション
ふわふわ動くイラスト・素材をページ上に置きたいときのためのアニメーションイベント系やお子さま向けのサイトでちょっと使うと楽しそうな雰囲気になるし、ページトップボタンや矢印など注意を引きたいパーツに使うのもいいですよね設定にはkeyframe
css WordPressカラムブロックをスマホで２列にしたい
Wordpressのブロックエディタでコンテンツを２列や３列など横並びにしたいときに使う「カラム」最大６列まで数字を選ぶだけでflexが設定され横並びにできてとても便利ですねスマートフォン（781px以下）では何列のカラムでもすべて１列にな
css tableのtdにfirst-childとlast-childが効かない
たびたび、あ、そうだった…となることtableを使うとき、例えば行ごとに横線を入れたいとしますそのときtr td{ border-bottom:1px solid #ccc}としますが、これだと一番上のセルの上側だけ線がないことになりま
css caret-colorプロパティを使ってカーソルを見えなくする
カーソルを消したい→透明にできる！普段はカーソルの色を意識することはないんですが今回使うことになった理由は出ては困るところにカーソルが出てしまったから（ハンバーガーメニュー）例がこちらこれを消せないかとあれこれ調べていたら カーソルの色を指
css 重なったボーダー（枠線）が太くなるのを解消するには…？
※つぶやきです。スマートな解決法ではありませんタイトルの通りなんですが例えばメニューの項目をボーダーで囲みくっつける形にしたい（主にスマホ用とか）が、実際にやるとこうなります↓ ↓ ↓ .article ul.shibamenu{displ
css Chrome画像ぼやける問題が解決 image-renderingプロパティ
レスポンシブ表示のため、ブラウザの幅に合わせて画像を拡大縮小させる指定をするとChromeではどの大きさであっても画像がぼやけることが多く特にイラストでそれがよくわかってしまうのが悩みでしたsvgにすればいいのかもしれないけどグラデーション
css テキストの両端揃え
たまに出てくる両端揃えのメモHTML<table> <tr> <th>会長</th> <td>〇〇〇〇〇〇</td> </tr> <tr> <th>副会長</th> <td>〇〇〇〇〇〇</td> </tr> <tr> <th>常任理事</
css 左揃えのテキストをページの中央に置きたい
テキストをページの真ん中（縦中央）に持ってきたいときtext-align:centerを使えば簡単しかしこれはテキストそのものが中央揃えになってしまうテキストのボックスは中央に持ってきてもテキストそのものは左揃えにしたいそんなときが結構あり
css display:none→display:blockでふわっと出現させたい
タイトル通りdisplay:noneで非表示にしていたものをdisplay:blockで表示させるのに、そのままではなくふわっとフェードインさせようと思いましたがdisplay:noneにはtransitionプロパティが使えないのですね知
css クリックするたびに２枚の画像が入れ替わる（レスポンシブ対応）
こんなのです ↓ （クリックまたはタップしてみてください）.illust { background-image:url(""); width:100%; height:0; padding-top:77.77%;/*画像の高さ÷横幅×100