Skip to content

Instantly share code, notes, and snippets.

@itorr

itorr/white-album-2.html

Last active February 11, 2023 05:51
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save itorr/e84bf283e0542d1a063005d1b1e2da2f to your computer and use it in GitHub Desktop.
Save itorr/e84bf283e0542d1a063005d1b1e2da2f to your computer and use it in GitHub Desktop.
Download ZIP
白色相簿2 Logo with CSS
Raw
white-album-2.html
<!DOCTYPE html>
<meta charset="utf-8">
<title>WA2</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<style>
html{
background:#e6f9ff;
}
h1{
font:bold 64px 'PT Serif',serif;
letter-spacing: 0px;
text-align:center;
transform:matrix(1,0.000000,-0.05,1,0,0);
}
h1 span:nth-child(1){
color: #000000;
position:absolute;
background-image:linear-gradient(180deg,#000004,#000187,#007bd4,#36cdee,#a2eaf3);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
h1 span:nth-child(2){
color: #FFF;
text-shadow:
0 3px 0 #FFF,
0 -3px 0 #FFF,
3px 3px 0 #FFF,
-3px 3px 0 #FFF,
3px 0 0 #FFF,
-3px -3px 0 #FFF,
-3px 0 0 #FFF,
3px -3px 0 #FFF,
0 3px 12px rgba(0,128,255,.4);
}
h1 b{
font-size:1.2em;
}
</style>
<h1>
<span><b>W</b>HITE <b>A</b>LBUM <b>2</b></span>
<span><b>W</b>HITE <b>A</b>LBUM <b>2</b></span>
</h1>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment