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 Resimler

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

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

javascript ile aciklama satiri ve haftanın gunünü bulma

Linklerin Renklerini Değiştirme Örnek

CSS content Özelliği