気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
qiita.com/dd0125エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント3件
- 注目コメント
- 新着コメント
diveintounlimit
そーなんだよなー、:before/:after/:contentのおかげでだいぶマシになったとは言え、凝った装飾しようとしたらdivたくさん要るんだよなー。:subject（だっけ）出た時はすげーと思ったけど、結局無くなったしなー。
nilab
「ゆらゆらアニメーション」「自由変形した四角形」「吹き出しの矢印の部分の複雑な形」「不規則にそれぞれの枠が別々で動くアニメーション」「clip-path: polygon(6% 0, 100% 0, 95% 100%, 0 87%)」「@keyframes」
diveintounlimit
そーなんだよなー、:before/:after/:contentのおかげでだいぶマシになったとは言え、凝った装飾しようとしたらdivたくさん要るんだよなー。:subject（だっけ）出た時はすげーと思ったけど、結局無くなったしなー。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS(SCSS) で作るペルソナ5 風メッセージウィンドウ - Qiita
ペルソナ5 の UI かっこいいですよね。 今は ペルソナ5S が出ていますが、今回は ペルソナ5 のメッセー... ペルソナ5 の UI かっこいいですよね。 今は ペルソナ5S が出ていますが、今回は ペルソナ5 のメッセージウィンドウを、 もしかしたら CSS で作れるんじゃないか、と思って作ってみました。 画像としてはこんな感じ これがゆらゆらアニメーションします。 特徴 自由変形した四角形。 白と黒で重なったウィンドウ 吹き出しの矢印の部分の複雑な形 不規則にそれぞれの枠が別々で動くアニメーション 動作サンプル( Codepen ) See the Pen Persona5 Message Window by ばりとん📛フルスタックエンジニア兼ITコンサル (@dd0125) on CodePen. ソースコード <link rel="stylesheet" href="persona5.css"> <body> <h1>ペルソナ5 メッセージウィンドウ</h1> <div class="me
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
qiita.com/dd0125
qiita.com/dd0125
qiita.com/dd0125
qiita.com/dd0125
note.com/tokuriki
www.sponichi.co.jp
business.nikkei.com
anond.hatelabo.jp
pc.watch.impress.co.jp
zenn.dev/soma3134
blog.geolonia.com
anond.hatelabo.jp
engineers.ntt.com
www.itmedia.co.jp
www.realforce.co.jp
finalvent.cocolog-nifty.com
www.news-postseven.com
blog.428lab.net
www.taiwanlongstay.com
2020/03/06 リンク