カテゴリー「CSS」

こんにちは、katori@xxbicottです。 サイト制作をしていると、文章の行数を制御したいところがちょこちょこ出てきますよね。 例えば、ブログの記事一覧のリード文。 私はこれまでテンプレート側で出力文字数を制限して対応していたんですが...

こんにちは、katori@xxbicotです。 ぱっと見では同じレイアウトでも、コーディング方法がいくつかあることって多いですよね。 メインビジュアルやサムネイル表示等で画像の見栄えを整えたいとき、私は背景画像やpositionプロパティに...

こんにちは、katori@xxbicotです。 この間、iPhoneとMacのsafariブラウザでcssのz-indexが効かない、なぜか指定した順番通りにならない、という事象が発生しました。 どうやらtransformが怪しそう...と...

こんにちは、katori@xxbicotです。 前回に引き続きCSSのアニメーション問題です。 今回はiPhoneブラウザ(safari/chrome両方)で、animation-delayでアニメーションを遅延させているはずの要素が、おか...

こんにちは、katori@xxbicotです。 この間Animate.css & wow.jsを使っていたところ、とあるアニメーションがFirefoxで非常にカクカクとした挙動になることが発覚。 Firefoxはシェア率が低いためい...

以前はsvg単体のアニメーションを作りましたが(「【SMIL】SVGアニメーションでsvgのキャラ画像を動かそう！」)、今度は前々から気になっていた文字を書くラインアニメーションを調べてみました。 ということで、svgとcssを使った、Il...