グラフィック
デザイン

[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]