welcome to creative media teknologi pada kesempatan kali ini kita akan membuat fungsi backgrond color gradient mengukan css ok langsung saja kita buat file html
<!DOCTYPE html>
<html>
<head>
<title>animasibackgroudcolor</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<h1>Animasi Backgroud Warna</h1>
</body>
</html>
Setelah membuat file html kemudian buat file css untuk menampilkan background color gradient
body{
background: linear-gradient(-65deg, #ff7d55, #f55090, #41cdff,
#5fffd9);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
font-weight: 400;
font-size: 2em;
background-size: 700% 700%;
text-shadow: 2px 2px 2px rgb(0,0,0,0.6);
animation: gradient 10s ease infinite;
text-align: center;
}
@keyframes gradient{
0%{background-position: 0% 50%}
50%{background-position: 100% 50%}
100%{background-position: 0% 50%}
}
Baca juga cara membuat menu login dengan php untuk file bisa di download di kura-kuracoding.blogspot.com
Download
0 Komentar