HTML・CSSで実装するかわいいフキダシのアイデア - ICS MEDIA

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

ics.media

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

コメント

12

記事へのコメント12件

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

kvx 文字量に合わせて可変させたりはSVGだと難しいのでは

2024/04/26 リンク

ozomatli フシギダネに空目したせいでページ開いてガッカリしちゃった。なんでカタカナで書くのよ。

2024/04/25 リンク

nekoline 今だとSVGだよね。わざわざ擬似要素でやる時っていつかな？うーん、アニメーションもSVGで出来るしなぁ

2024/04/25 リンク

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

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

HTML・CSSで実装するかわいいフキダシのアイデア - ICS MEDIA

見出しなどのテキストを目立たせたいときに便利なフキダシ（吹き出し）。この記事では、HTMLとCSSだけ... 見出しなどのテキストを目立たせたいときに便利なフキダシ（吹き出し）。この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。とくにフキダシは、少ないコードで表現でき、見出しなどのテキストに華やかな印象を与えられます。ウェブサイトを制作する際に、ぜひ取り入れてみてください。また、この記事のほとんどの作例で、CSSの疑似要素『::before』と『::after』を利用しています。疑似要素を使うと、不要なHTMLタグを増やさずにCSSで装飾できます。 ::before ＝選択した要素の最初の子要素として疑似要素を生成 ::after ＝選択した要素の最後の子要素として疑似要素を生成これらは、要素に装飾的な内容を追加

ブックマークしたユーザー

pc-bohemian2024/10/15
rev4in2024/08/19
takus012024/06/01
nelog2024/05/13
candykebin2024/05/10
stakaya2024/05/07
bhuh2024/05/02
herakures2024/05/01
ttten2024/04/30
masakuma08122024/04/30
mitsube2024/04/29
tasukuchan2024/04/29
yug12242024/04/29
wirknichtvoraus2024/04/27
gonhainu2024/04/27
locke-0092024/04/26
lh1820512024/04/26
tantan00ai2024/04/26

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx