*CSS配布 日記*【リク停止】

海の深海へようこそ ページ14

凛様のリクエストにより深海をイメージしたCSSを作りました

いやあ、CSSを作るのは久々ですね

自分の持ってる知ってる技術をありったけ使っちゃた

割と本気で作りました、

こちらがサンプルとなります
【CSSサンプル】海の深海へようこそ

では、コピペスタートです↓

-----------------------------------------------

/*----------------------------------
CSS created and designed by ルシファー
コメントは消さないでください

配布元:http://uranai.nosv.org/u.php/novel/reirei06082/
-------------------------------------*/
@font-face{font-family: はなぞめフォント;
src: url(https://cldup.com/wlKm7omf6Y.woff2), url(https://cldup.com/EgmGw0DTUv.woff), url(https://cldup.com/3bJ5vDH4at.eot);}
/*-----------------------------------
配布元：http://www.asterism-m.com/font/hanazomefont/
CSS配布：http://uranai.nosv.org/u.php/novel/only_font/
-------------------------------------*/
*{font-family: はなぞめフォント,メイリオ,sans-serif !important;}

body{
background-image:url(http://uranai.nosv.org/uploader/common/d/0/9/d0989715505d028cfb92c541b438d5c1.jpg);
background-attachment:fixed;
}
@media screen and (max-width:900px){
body{background-attachment:scroll;}
}


div#desc{color:#000080;border: 2px outset #00FFFF; border-radius: 15px;}

#u_result{color:#800080;border: 2px groove #000080; border-radius:15px; background-color:rgba(153,204,204,0.4);text-shadow: 0 0.4em 0.8em #66FFFF;}

a:link{color:#33CC99;}
a:visited{color:#00CC99;}
a:hover{color:#00CCFF;}
a:hover,a:active{text-decoration:none;border-bottom:5px dashed #00FF00;}
a:hover,a:active{position:relative;bottom:2px;right:2px;}

*{
text-shadow: 0 0.4em 0.8em #993366;
}

div#desc,#u_result{letter-spacing:2px;}

続き→←新作です

→ 目次へ｜作品を作る｜感想を書く
他の作品を探す