CSSを駆使してDIV要素１つでデジタル数字を作る - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/liburari

66 usersがブックマークコメント

記事へのコメント9件

注目コメント
新着コメント

samesam CSSを駆使してDIV要素１つでデジタル数字を作る - Qiita: こんな感じでひとつの要素だけで作ってみようと思います。方針こんな感じで分割してみようと思います。

2015/11/02 リンク

bootJP すげええええ CSSを駆使してDIV要素１つでデジタル数字を作る on @Qiita

2015/11/01 リンク

kvx なるほどー

2015/11/01 リンク

digitalglm CSSを駆使してDIV要素１つでデジタル数字を作る - Qiita: こんな感じでひとつの要素だけで作ってみようと思います。方針こんな感じで分割してみようと思います。どのセグメントを光らせるかはクラスで指定します。作成

2015/11/01 リンク

daabtk [50%][border][333][background-color][Qiita][absolute]

lgoor おお！

shimokiyo よく考えたなw

yoshi-na はぁ〜なるほろ

actywave おもしろいｗ

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

CSSを駆使してDIV要素１つでデジタル数字を作る - Qiita

<!DOCTYPE html> <style> /* CSS */ </style> <div class="display d4"></div> こんな感じでひとつの要... <!DOCTYPE html> <style> /* CSS */ </style> <div class="display d4"></div> こんな感じでひとつの要素だけで作ってみようと思います。方針こんな感じで分割してみようと思います。どのセグメントを光らせるかはクラスで指定します。作成とりあえず上記の方針に従い4を作ってみます。 .display { display: inline-block; box-sizing: border-box; position: relative; width: 60px; height: 100px; border: solid 4px #111; background-color: #111; overflow: hidden; } .display::before { content: ""; position: absolute