グラフィック
デザイン
[su_spoiler title="CSS"] .sample { width: 410px; margin: 10% auto; background-color: #222; } .ad { color: #fff; font-family: "GSanSerif-B"; text-shadow: -2px -2px 0 #222, 2px -2px 0 #222, -2px 2px 0 #222, 2px 2px 0 #222, 3px 3px 0 #fff, 3px 3px 0 #fff, 2px 2px 0 #fff, 3px 3px 0 #fff; line-height: 1em; margin:0; text-align: center; font-size: 40px; } [/su_spoiler]
プラネタリウム
[su_spoiler title="CSS"] .sample2 { width: 410px; margin: 10% auto; background: -moz-linear-gradient(top, #091e4b 32%, #1d386f 94%); /* FF3.6+ */ background: -webkit-gradient(left top, left bottom, color-stop(#091e4b 32%), color-stop(#1d386f 94%));/* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #091e4b 32%, #1d386f 94%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #091e4b 32%, #1d386f 94%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #091e4b 32%, #1d386f 94%); /* IE 10+ */ background: linear-gradient(to bottom, #091e4b 32%, #1d386f 94%);/* W3C */ } .blur { color: #f1c866; font-family: "TBUDGothic R";/*"GSanSerif-B";★*/ text-shadow: 0 0 6px rgba(255,209,108,0.8), 0 0 16px rgba(255,209,108,0.8); text-align: center; font-size: 40px; } [/su_spoiler]