02-Gradient.html
Dosyayı İndir
<html>
<head>
<style>
.linearGradient{
background: red;
background: repeating-linear-gradient(30deg,red, yellow 50%, red 100%);
padding:20px;
}
.radialGradient{
background: red;
background-color : rgba(255,0,255,0.2);
background: repeating-radial-gradient(circle,red, yellow 50%, red 100%);
padding:20px;
}
</style>
</head>
<body>
<br/>
<div class="linearGradient">
Doğrusal Geçiş. Doğrusal Geçiş. Doğrusal Geçiş. Doğrusal Geçiş. Doğrusal Geçiş. Doğrusal Geçiş. Doğrusal Geçiş. Doğrusal Geçiş. Doğrusal Geçiş. Doğrusal Geçiş. Doğrusal Geçiş.
</div>
<br/>
<div class="radialGradient">
Döngesel Geçiş. Döngesel Geçiş. Döngesel Geçiş. Döngesel Geçiş. Döngesel Geçiş. Döngesel Geçiş. Döngesel Geçiş. Döngesel Geçiş. Döngesel Geçiş. Döngesel Geçiş. Döngesel Geçiş. Döngesel Geçiş.
</div>
<br/>
<br/>
</body>
</html>
Dosyayı İndir 