CSS– tag –
-
[CSS] border-radiusよりシャープにできるclip-path
clip-pathってかなり便利かも！星形などシャープな形にもできます -
[Welacrt] 円マーク(\)を小さくして売り上げUPへ
メルカリの事例を参考に、￥マークのサイズを小さくして売り上げUPを目指した件 -
[WordPress] ブロックエディターでパララックスを実装する方法
サイトの見た目がちょっとカッコイイ感じになるパララックス（Parallax）を実装するには、jsを使ったり結構手間がかかります。簡易版で良ければブロックエディタで手軽... -
[CSS] 要素の幅を超えて横幅いっぱいにする方法
親要素の中の要素は横100%にしても親のサイズを超えられないので、画面の横いっぱい広げるには、親から出したり大変でした。CSSをちょっと追記するだけで横いっぱいにす... -
[CSS] タイピングのアニメーションの作り方
CSSだけで、見出しなどをタイピングした様に一文字づつ表示させ、最後にカーソルを点滅させるアニメーションです。コピペで出来きます。ぜひやってみて下さい。 コード... -
[CSS] Animista 簡単! CSSアニメーションとスクロールさせる方法
keyframesを使用したCSSアニメーションは重宝しますが、細かい設定が難しいですよね。書いては確認の繰り返し。Animistaなら、確認しながら細かい調整が出来ます。コピ... -
[CSS] 否定擬似クラスnot()の使い方
この要素以外はこうしたい。除外が出来るCSS -
Minify(ミニファイ）圧縮して軽量化とサイトの高速化する方法
ファイルを圧縮し、軽量化する事でサイトの表示速度が上がり、SEO的にも有利です。閲覧する方にとってもスピーディーな表示は良い事ですよね。デメリットが見当たらない... -
[WordPress] SWELL デザインのカスタマイズ あれこれ
その都度書き足しています -
[CSS] box-sizingとボックスの横並びについて
Topページに新着3件など、ボックスを横並びにする事ってありますよね。高さが揃わない、はみ出るなど、なかなか上手にいかない事も。実際に横並びにするのは、display:f...
