Script-uri HTML|CSS: Efect de animatie.

interlink.ro%20

Animatie. Salut, de aici poți descărca script-uri HTML și CSS total gratuit. Pentru astăzi am pregătit un efect de background animat. Sper sa iti placa.

Pentru început adaugă urmatoarele rânduri într-un fișier HTML:

<!DOCTYPE html>
<html>
<head>
<title>Animated Crystal Background CSS Animation Effects</title>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
<meta charset=”utf-8″>
</head>
<body>
<section></section>
</body>
</html>

Citeste si: Script-uri HTML|CSS: Efect de Loading Text.

După aceea, intr-un fișier CSS adăugați următoarele:

body {
margin: 0;
padding: 0;
}

section {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: linear-gradient(90deg, #3f51b5, #00bcd4);
animation: animate 20s linear infinite;

}

@keyframes animate {
0% {
filter: hue-rotate(0deg);
}
50% {
filter: hue-rotate(360deg);
}
100% {
filter: hue-rotate(0deg);
}
}

section:before {
content: ”;
position: absolute;
top: 0;
left: 0;
border-top: 100vh solid transparent;
border-left: 100vh solid #fff;
opacity: 0.1;
}

section:after {
content: ”;
position: absolute;
bottom: 0;
right: 0;
border-top: 100vh solid transparent;
border-right: 100vh solid #fff;
opacity: 0.1;
}

Sau poți descărca de aici un fișier RAR care contine background-ul animatie.

Folosește cuponul de reducere QUICK456 pentru 3% reducere pe QuickMobile.ro3% reducere
Folosește cuponul de reducere QUICK456 pentru 3% reducere pe QuickMobile.ro
Cuponul QUICK456 îți aduce 3% reducere pe site-ul QuickMobile.ro indiferent de valoare comenzii. Reducerea se poate acumula și cu alte reduceri existente pe site.
QUICK456

Latest articles

TOP Smartphone-uri calitate-preț la eMAG de Black Friday

Ziua reducerilor a început la eMAG, iar reducerile continuă. Multe dintre produse au dispărut de pe stoc, dar asta nu înseamnă că...

Ești pregătit de Black Friday? Iată cele mai bune reduceri de pe eMAG

Mâine va avea loc unul dintre cele mai așteptate evenimente de către fanii reducerilor. Tu ești pregătit de Black Friday? Mai jos vei...

Black Friday la QuickMobile vine cu reduceri de până la 70% + 3% extra reducere cu cuponul QUICK456

QuickMobile este unul dintre magazinele mele preferate, iar acum câteva momente au anunțat cu oferta cu care vin în fața clienților de...

Epic Games Store oferă două jocuri gratuite cu temă de Halloween.

Epic Games Store oferă două jocuri gratuite cu temă de Halloween. Este vorba despre Layers of Fear 2 și Costume Quest 2.

Related articles

Leave a reply

Please enter your comment!
Please enter your name here

Acest sit folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.