CSS background-blend-mode Örnek
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>css background-blend-mode örnek uygulama</title>
<style>
body {background-color: green;}
div {
width: 250px;
height: 250px;
background-size: 250px 250px;
background-repeat:no-repeat;
background-image: linear-gradient(to right, black 25%,green 100%), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCeVyCw9cVBBU4fei4BiyxRBg2P7Q7lfRR3pb8DGBsoIZe6ZY_mLkVDCJyZGW3_R8DQJdwnrtshGnWUlfvyUSlk7K6irZo5apueYpbybOxkvCk3gmDQ_TIKU9jt9AqzATaofF57zScRQ/s1600/css-background-ozelligi.jpg');
background-blend-mode: saturation;
}
</style>
</head>
<body>
</head>
<body>
<div></div>
<article style="color:white;font-size:15px;"><b>Hatırlatma:</b> <strong> css background-blend-mode</strong> özelliğini internet explorer desteklemiyor</article>
</body>
</html>
Yorumlar
Yorum Gönder