コピペで使えるCSSボタンジェネレーター「CSS Button Creator」でボタンを作成しました。
作成したCSSの記述が長いことが気になり、カットできる部分がないかと思い質問させていただきました。
下記な内容について、どなたか知恵をお貸しください。
どうぞ宜しくお願い致します。
質問1
「background-image:」の各内容の詳細を教えていただきたいです。
質問2
下記CSSでの実際のボタンを添付します。
省いても表示に支障がでないCSS部分がありましたら教えていただきたいです。
〈下記、ボタンのCSS〉
.BUTTON_DGZ { background: #3D94F6; background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0); background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0); background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0); background-image: -o-linear-gradient(top, #3D94F6, #1E62D0); background-image: linear-gradient(to bottom, #3D94F6, #1E62D0); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #FFFFFF; font-family: Open Sans; font-size: 40px; font-weight: 100; padding: 40px; box-shadow: 1px 1px 20px 0px #000000; -webkit-box-shadow: 1px 1px 20px 0px #000000; -moz-box-shadow: 1px 1px 20px 0px #000000; text-shadow: 1px 1px 20px #000000; border: solid #337FED 1px; text-decoration: none; display: inline-block; cursor: pointer; } .BUTTON_DGZ:hover { background: #1E62D0; background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6); background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6); background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6); background-image: -o-linear-gradient(top, #1E62D0, #3D94F6); background-image: linear-gradient(to bottom, #1E62D0, #3D94F6); text-decoration: none; }
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/24 09:35