次によく再生されている動画
-
52:24文字を１文字ずつアニメーションさせる方法と、そのバリエーション・考え方を紹介！かっこいいCSSアニメーションを実装できるようになりましょう！
transformについての動画はこちらhttps://factory-programming-mv.com/video/今回は、文字を1文字ずつアニメーションで動かす方法を紹介します。最近はアニメ…
-
05:44CSSだけで現在の文字色を取得して、様々な値に活用できる「currentColor」紹介！
今回は、CSSの非常に便利な機能、「currentColor」について説明します。この機能を使えば、現在の文字色を簡単に取得し、その色を他のスタイルに活用することができます。「currentColo…
ダウンロード有
CSSだけで、文字列の省略を簡単にする方法！
JavaScriptなどでも実装できますが、CSSのみでも簡単に文字を途中で省略する方法はあります。
今回はtext-ellipsisというプロパティを使って、記事の一覧に表示されている文字列を省略してみるものを書きながら説明していきます。
※実装としてはとても単純ですが、実際のコーディング例まで説明しているため、このプロパティが出てくるのは動画の後半の方です。文字の省略は三点リーダーでおこなわれます。
今回はtext-ellipsisというプロパティを使って、記事の一覧に表示されている文字列を省略してみるものを書きながら説明していきます。
※実装としてはとても単純ですが、実際のコーディング例まで説明しているため、このプロパティが出てくるのは動画の後半の方です。文字の省略は三点リーダーでおこなわれます。