CATEGORY CSS

主にCSSに関する情報をまとめたカテゴリです。

    CSS
    • 2019.02.12
    • loop2020.05.02

    CSSでパララックスのようなスクロールを表現する方法background-attachment:fixedの使い方

    CSSのみだけでパララックスのようなスクールを表現する方法について紹介します。パララックスをWebページに取り入れるとスクロール時に動きのある魅了的な表現をデザインに加えることができます。基本的にJavaScriptで実装することが多いですが、今回はCSSのみで実装する方法です。

    CSS
    • 2018.08.26
    • loop2020.05.02

    letter-spacingとtext-align:centerで中央揃えにしたら文字がずれた時の修正方法

    画像出典:W3C CSSでtext-aline:centerをしたら最後の文字がずれてなんか変。 テキストや見出しを中央揃えにしたい時に「text-aline:center」を指定して、なおかつ「letter-spancing:1px」とかで文字間を微調整した時に、なぜかテキストが左よりにずれてしまいます。 今回はこの現象を解決する方法を紹介します。 text-aline:centerでテキストが […]