すべてのカテゴリ

今日はLPがほぼ完成しました✨とはいえ、まだ最終調整中で…・崩れている箇所の修正・スマホ表示のチェック・全体のバランス確認など、細かい部分を見直しています👀こういう「最後の詰め」が意外と大事で、ここを丁寧にやるかどうかで“見やすさ”や“完成度”がかなり変わるなと改めて感じています。今日やったこと今日はとにかくボタンの調整をしていました！・配置の微調整・サイズや余白のバランス・固定ボタンの表示タイミング・セクションごとのボタンの見え方などを細かく確認しながら調整中です💡ボタンって小さいパーツだけど、「押されるかどうか」に直結するかなり重要な部分なのでかなり慎重に作り込んでいます…！まだ少し調整は残っていますが、完成がかなり見えてきました✨引き続き、細かい部分までしっかり整えていきます☺️完成したらブログ&ポートフォリオにもUpします！楽しみにしていただけたら嬉しいです！

すみません、ザックリとCSSでのボタンデザインです。内容は、画像を一切使わなくても、このくらいのグラフィカルなボタンがデザインできますよー、という内容です。（画像を使用しないので、画像ボタンやバナーよりは読み込みが速いと思われます。）サンプルでは、<button>タグと<a>タグの2パターン用意しております。■ボタン１（<button>タグ用）▼CSSbutton{    position: relative;    width: 100px;    height: 100px;    background: radial-gradient(50% 80%, circle, #00D1F2, #0055C1);    border: 1px solid rgba(0,0,0,0.5);    border-radius: 50%;    color: #fff;    font-size: 15px;    line-height: 1.2em;    font-family: inherit;    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5) ,        0px 0px 4px rgba(255, 255, 255, 1);    box-shadow: 0 2px 6px rgba(0,0,0,0.5),        0 2px 10px rgba(0,100,255, 0.7),        inset 0 0 10px rgba(0,0,150,0.6);    cursor: p