Eklenen resimleri bulanıklaştırmak için kullanılabileceğimiz bir filtredir.
Daha büyük bir değer daha fazla bulanıklık yaratacaktır .
brightness(%)
Parlaklık değeridir.
0 % görüntü tamamen siyah yapacaktır.
% 100 (1) varsayılan değerdir ve orijinal görüntüsünü temsil eder.
% 100'ün üzerinde değerler daha parlak sonuçlar verecektir .
contrast(%)
kontrast değerleri ile oynanabilir..
0 % görüntü tamamen siyah yapacaktır.
% 100 (1) varsayılan değerdir ve orijinal görüntüsünü temsil eder.
% 100'ün üzerinde değerler daha az kontrasta sahip sonuçlar verecektir .
drop-shadow()
Gölge parametrelerini içerir.
h-gölge - Gerekli. Yatay gölge için bir piksel değeri belirtir. Negatif değerler görüntünün solundaki gölge yerleştirin.
v-gölge - Gerekli. Dikey gölge için bir piksel değeri belirtir. Negatif değerler yukarıdaki imge gölge yerleştirin.
bulanıklık - İsteğe bağlı. Üçüncü bir değerdir ve piksel olmalıdır. Gölge bulanıklık efekti ekler. Daha büyük bir değer daha fazla bulanıklık (gölge daha büyük ve daha hafif olur) yaratacaktır. Negatif değerler izin verilmez. Hiçbir değer belirtilmemişse, 0 (gölgenin kenarı keskin) kullanılır.
yayılmış - İsteğe bağlı. Bu dördüncü değerdir ve piksel olmalıdır. Pozitif değerler gölge genişletmek ve daha büyük büyümesine neden olur, ve negatif değerler gölge küçültmek neden olur. Belirtilen değilse, (gölge elemanı olarak aynı boyutta olacaktır) 0 olacak.
Not: Chrome, Safari ve Opera ve belki diğer tarayıcılar, bu 4 uzunluğu desteklemez; katma eğer hale olmayacaktır.
renk - İsteğe bağlı. Gölge bir renk katar. Belirtilen değilse, renk tarayıcısı (genellikle siyah) bağlıdır.
10px bir bulanıklık etkisi ile, hem yatay hem de dikey olarak 8px büyük kırmızı bir gölge oluşturma bir örnek:
grayscale(%)
Siyah beyaz dengesini düzenleyen değerdir.
% 0 (0) varsayılan ve orijinal görüntüsünü temsil eder.
% 100 (siyah ve beyaz görüntüler için kullanılır) tamamen gri bir görüntü sağlayacaktır.
hue-rotate(deg)
Hue(renk) renk çemberinde 0 ile 360 arasındaki renklere karşılık gelir. 0 kırmızı, 120 yeşil ve 240 mavidir.
invert(%)
Eklenen resmin görüntüsünün terse çevrilmesini sağlar. Verilen değer resmin ne kadar terse çevrileceğini belirler. 100% değeri resmi tamamen çevirir
opacity(%)
Resimlerin saydamlığını ayarlamızı sağlayan değerdir.
saturate(%)
Görüntünün doygunluğunu ayarlar .
(0) 0 % görüntü tamamen un- doymuş yapacaktır.
% 100 varsayılan ve orijinal görüntüsünü temsil eder.
% 100'ün üzerinde değerler süper doygun sonuçlar sağlar .
Not : Eksi değerler izin verilmez.
sepia(%)
kahverengi tonları öne çıkaran eski/antika görünümlü resimler oluşturmamızı sağlar.
url()
Url () işlevi , bir SVG filtre belirten bir XML dosyasının konumunu alır ve belirli bir filtre elemanı bir çapa içerebilir.
<!DOCTYPE html> <html> <body> <p>Programlama kodu örneği</p> <code> var x = 4; var y = 7; document.getElementById("ornek").innerHTML = x + y; </code> </body> </html>
<details> Etiketi Örnek <details> elementinin kullanımı: < details > < summary > Copyright 2015 < /summary > < p > Tüm hakları saklıdır. < /p > < p > İçeriğin izinsiz olarak veya kaynak gösterilmeden alıntılanması yasaktır. < /p > < /details > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html> <html> <body> <details> <summary>Copyright 2015</summary> <p>Tüm hakları saklıdır.</p> <p>Sitedeki içeriklerin ve görsellerin izinsiz olarak veya kaynak gösterilmeden alıntılanması yasaktır.</p> </details> <p><b>Not:</b>
<main> Etiketi Örnek main etiketi örnek kullanım: < main > < h1 > İnternet Tarayıcıları < /h1 > < p > Google Chrome, Firefox, ve Internet Explorer günümüzün en çok kullanılan tarayıcılarıdır. < /p > < article > < h1 > Google Chrome < /h1 > < p > Google Chrome, 2008 yılında Google tarafından geliştirilen açık kaynaklı, ücretsiz bir internet tarayıcısıdır. < /p > < /article > < article > < h1 > Internet Explorer < /h1 > < p > Internet Explorer, 1995 yılında Microsoft tarafından kullanıma sunulan ücretsiz bir internet tarayıcısıdır. < /p > < /article > < article > < h1 > Mozilla Firefox < /h1 > < p > Firefox, 2004 yılında Mozilla tarafından kullanıma sunulan açık kaynaklı, ücretsiz bir internet tarayıcısıdır. < /p > < /article > < /main > Kendiniz deneyin »
CSS content Css content özelliğini sayfaya seçilen elemandan önce veya sonrasında içerik eklemek için kullanılabilir. Örnek: Bu örnekte bir linkin title değerini linkten önce yazmak için content özelliği uygulanmıştır. a:before { content: " (" attr(title) ")"; color: red; font-size: 1.1em; } Kendiniz deneyin » CSS content nedir nasıl kullanılır Css content ile seçilen html elemanından önce veya sonrasında bir url ,resim, içerik, tırnak işareti gibi elemanlar eklenebilir. CSS content CSS content özellikleri Varsayılan Değer: normal Kalıtsallık: yok Animasyon Özelliği: yok Versiyon: CSS2 JavaScript content: Açıklama Oynat CSS content Tarayıcı Desteği Tablodaki sayılar özelliği tam destekleyen ilk tarayıcı sü
HTML Etiketleri Alfabetik Sıralı HTML belgelerinde kullanabileceğiniz HTML etiketleri nin tamamını alfabetik sıralı şekilde aşağıdaki tablodan inceleyebilirsiniz. HTML5 ile birlikte gelen yeni etiketler ve HTML5'te desteklenmeyen etiketler de tabloya dahildir. = HTML5'te yeni. Etiket Tanım <!--...--> Kaynak kodundaki bir yorumu ifade eder <!DOCTYPE> Belge türü bildirimini ifade eder <a> Bir bağlantıyı linki ifade eder <abbr> Kısaltmayı ya da kısa adı ifade eder <acronym> HTML 5'te desteklenmiyor. Yerine <abbr> kullanın. Kısa adı ifade eder <address> Belge sahibi ya da yazarı ile ilgili iletişim bilgisini ifade eder <applet> HTML 5'te desteklenmiyor. Yerine <embed> ya da <object> kullanın. Sayfaya gömülü uygulamayı ifade eder <area> Bir görsel haritası içinde
Yorumlar
Yorum Gönder