投稿確認画面 2023.03.272023.03.25 投稿確認画面 プロンプト入力 ブログの見栄えをよくする方法を聞いてみた hoverでカードをおしゃれに光らせるCSSを教えて カードをホバーすると光るCSSは、以下のようなものがあります。.card:hover { box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de; } もう少し春を感じる光り方がいいな 以下は、もう少し春を感じる光り方をしたhoverカードのCSS例です。.archive-entries .archive-entry:hover, .hatena-urllist li:hover { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); transform: translateY(-5px); background-color: #F8E9A1; } .archive-entries .archive-entry, .hatena-urllist li{ align-items: center; border-radius: 10px; background-color: #ffffff; transition: all 0.3s ease; position: relative; overflow: hidden; } 自分のブログにCSSを実装してみました カテゴリ設定 下記の中から選択してください(複数選択可) 関心のあるトピック -ビジネス・キャリア -教育・学習 -プログラミング・テクノロジー -創作・芸術 -ヘルス・ウェルネス -ライフスタイル・趣味 -エンターテインメント・ゲーム -旅行・観光 -ショッピング・消費者情報 -ニュース・時事 -その他 目的 -問題解決 -アイデア生成 -情報収集 -コンテンツ作成 -意思決定支援 -その他 業種 -IT・ソフトウェア -製造業label> -金融・保険 -医療・福祉 -不動産 -小売・流通 -サービス業 -他の業種 難易度 -初心者向け -中級者向け -上級者向け 言語 -英語 -日本語 -スペイン語 -フランス語 -中国語 -他の言語 ターゲット -学生 -教育者 -起業家 -マーケター -エンジニア -デザイナー -ライター -研究者 -その他 タグ設定 公開 入力画面に戻る