かわいい系デザインに使えるCSSいろいろ

かわいい系デザインに使えるCSSいろいろ過去に書いた「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」という記事でかわいい系デザインの作り方を紹介しました。今回はかわいい系第二弾！CSSだけでできるかわいい小技をいくつか紹介します。すべてデモ付きなのでイメージしやすいかな？と思います。デモ画面内にある「HTML」「CSS」タブでコードが表示されるので、コピペして使ってくださいね！ 過去記事「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」 1. キラキラ系テキスト某ギャル雑誌（もう刊行されてないのかな？）で毎回見かけていたこの白抜き＋明るい色のシャドウ。CSS では text-shadow を用いて表現できます。ポイントは文字を白に設定し、シャドウの横位置・縦位置ともにゼロを指定してテキストの位置にあわせること。お好みの色で試してみてください

[happypower0717]

css

[yuka-sunada]

CSS

[beatride]

知りたかったことがまとまってた！

[rouxril]

“3. ステッチ風ボックス”kawaii

[naoi109]

アイキャッチがClarityの歌詞だ

[RenHuuka]

タイムリーな記事。ありがとうございます！ @chibimana さん かわいい系デザインに使えるCSSいろいろ | Webクリエイターボックス

[comogawa]

かわいい〜

[mole-studio]

無駄に使いどころのないやつ作っちゃうのすごいわかる。ラブビーム。

[liwellokinawa]

これは保存！

[tenshiangel]

使えますね。ありがとうございます。

[nayo74]

タイムリーに欲しい記事がきた。チェック。

[sat555]

リボンデザインをCSSで。

[atsushi1972]

かわいい系デザインに使えるCSSいろいろ 過去に書いた「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」という記事でかわいい系デザインの作り方を紹介しました。今回はかわいい系第二弾

[yamadar]

ラブビームでちょっと笑った