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('http://2.bp.blogspot.com/-qktKg-AKGrY/VhuQ-Q10tMI/AAAAAAAAA0s/cceCuUI-8ng/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

Bu blogdaki popüler yayınlar

HTML yorum etiketi ile öğe gizleme örneği

HTML Resimler

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Javascript ile neler yapılabilir

HTML blockquote Etiketi Örnek

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici