BERBAGI

Copykan code sourcecode HTML dibawah ini :


<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Text Shadow</title>

<link rel="stylesheet" href="css/style.css">

</head>

<body>

<div class="textshadow1">Mambruk Studio</div>

<div class="textshadow2">Michael Petege</div>

<div class="textshadow3">STMIK Akakom</div>

</body>

</html>

Copykan code sourcecode CSS dibawah ini :


body {

width: 840px;

margin:50px auto;

font-family: Old English Text MT;

font-size: 5.5em;

font-weight: bold;

background: black;

}
div {

height: 210px;

margin-bottom: 100px;

line-height: 200px;

text-align: center;

}

.textshadow1 {

font-weight: normal;

color: white;

text-shadow: 0 0 10px #fff,  0 0 20px #fff,  0 0 30px #fff,  0 0 40px #ff00de,  0 0 70px #ff00de,  0 0 80px #ff00de,  0 0 100px #ff00de,  0 0 150px #ff00de;

}
.textshadow2{

font-family: Brush Script MT;

color: white; text-shadow: 0 0 30px yellow;

}
.textshadow3{

background-color: #3a50d9;

color: #e0eff2;

font-size: 85px;

font-style: italic;

font-weight: bold;

font-family: georgia;

text-shadow: -4px 3px 0 #3a50d9, -14px 7px 0 #0a0e27;

}

Print Friendly, PDF & Email

TINGGALKAN BALASAN