sass

文字の横に横線を入れる方法

今回はテキストの両脇に横線を表示する方法を紹介します。 ちょっとしたテキストやタイトルの装飾に便利だと思うので、ぜひ使ってみてください。 html <span>タイトル</span> sass span { display: block; margin-bottom: 10px; text-align: center; color: #fff; font-size: 14p […]

css/sass 背景だけ透過させる

子要素の文字を透過させずに、背景だけ透過させ用とする時、要素にopacityを使ってっも文字も一緒に透過しています。 背景のみ透過させるにはrgba()を使用すれば問題解決です。 html <div class=" "> <p>opacityを使うと、この文字まで透過してしまいます。</p> </div> <div class="use-rgb […]