Daha küçük, daha hızlı ve kullanımı daha kolay!
w3-color sınıfları, pazarlamada, yol işaretlerinde ve yapışkan notlarda kullanılan modern renklerden ilham almıştır:
w3-container sınıfı, W3.CSS sınıflarının en önemlisidir. Aşağıdaki gibi eşitlik sağlar:
w3-container sınıfı, genellikle aşağıdakiler gibi HTML kapsayıcı öğeleriyle kullanılır:
<div>, <header>, <footer>, <article>, <section>, <blockquote>, <form>, ve dahası.
Bu makale açık gri ve metin kahverengidir. Bu makale açık gri ve metin kahverengidir. Bu makale açık gri ve metin kahverengidir. Bu makale açık gri ve metin kahverengidir. Bu makale açık gri ve metin kahverengidir.
Bu bir alt bilgidir.
w3-panel sınıfı, her türlü notu ve alıntıyı görüntüleyebilir:
Londra, 9 milyondan fazla nüfusuyla Birleşik Krallık'ın en kalabalık şehridir.
Londra, 9 milyondan fazla nüfusuyla Birleşik Krallık'ın en kalabalık şehridir.
w3-panel sınıfı, her türlü uyarı için de kullanılabilir:
Kırmızı genellikle tehlikeli veya olumsuz bir durumu gösterir.
Sarı genellikle dikkat edilmesi gerekebilecek bir uyarıyı gösterir.
Yeşil genellikle başarılı veya olumlu bir şeyi gösterir.
Mavi genellikle nötr bir bilgilendirici değişikliği veya eylemi gösterir.
w3-card sınıfları, hem resimler hem de notlar için uygundur:
Araba, ulaşım için kullanılan tekerlekli, kendi kendine çalışan bir motorlu araçtır.
Terimin çoğu tanımı, arabaların öncelikle yollarda çalışacak, bir ila sekiz kişilik oturma yeri olacak ve tipik olarak dört tekerleğe sahip olacak şekilde tasarlandığını belirtir.
(Wikipedia)
Fransız Alpleri
w3-table sınıfları her türlü tabloyu işleyebilir:
Ad | Soyad | Yaş |
---|---|---|
Arda | Balkan | 18 |
Metin | Aksu | 19 |
Code | Null | Null |
Doğan | Dağdelen | 20 |
Altuğ | Akgül | 21 |
Ömer | Dinç | 60 |
w3-ul sınıfı her türlü listeyi işleyebilir:
w3-button ve w3-btn sınıfı, her boyutta ve türde düğme sağlar.
Geniş düğmeler: (Wide buttons)
Dairesel veya kare düğmeler: (Circular or square buttons)
w3-tag ve w3-badge sınıfları, her türlü etiketi, rozeti ve işareti görüntüleme yeteneğine sahiptir:
2 8 A B
Yeni Uyarı Uyarı Bilgi
Responsive Grid sınıfları, tüm cihaz türleri için yanıt verebilirlik sağlar: PC, dizüstü bilgisayar, tablet ve mobil.
1/2
1/2
1/3
1/3
1/3
1/3
2/3
1/4
1/4
1/4
1/4
1/2
1/4
1/4
2/3
1/3
1/1
1/4
1/4
1/2
1/4
1/2
1/4
50px
rest
1/4
rest
100px
45px
rest
W3.CSS ayrıca küçük, orta ve büyük sınıflara sahip 12 sütunlu mobil öncelikli bir değişken ızgarayı da destekler.
w3-display sınıfları, HTML öğelerini belirli konumlarda görüntülemenize izin verir:
w3-modal sınıfı, saf HTML'de kalıcı diyalog sağlar:
Modal Görüntü:
İlerleme Çubuklarında daha fazlasını okuyun
w3-dropdowns sınıfları açılır listeler sağlar:
Akordiyon için daha fazlasını okuyun
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Resimli Akordiyon:
Fransız Alpleri
Sekmeler tek sayfalı web uygulamaları veya farklı konuları görüntüleyebilen web sayfaları için mükemmeldir.
Londra, İngiltere'nin başkentidir.
9 milyondan fazla nüfusuyla Birleşik Krallık'ın en kalabalık şehridir.
Paris, Fransa'nın başkentidir.
Paris bölgesi, 12 milyondan fazla nüfusuyla Avrupa'nın en büyük nüfus merkezlerinden biridir.
Tokyo, Japonya'nın başkentidir.
Büyük Tokyo Bölgesi'nin merkezi ve dünyanın en kalabalık metropol bölgesidir.
w3-bar sınıfı, bir gezinme çubuğu oluşturmak için kullanılabilir:
Giriş içeren gezinti çubuğu:>
Açılır listeli gezinti çubuğu:
w3-sidebar sınıfı bir yan gezinme oluşturur:
sayfa numaralandırma için basit yollar sağlar.
Resimler veya diğer içerikler arasında geçiş yapmak için slayt gösterileri sağlar:
Bir ışık kutusu (modal resim galerisi) oluşturmak için Modal'ları ve Slayt Gösterilerini birleştirin:
w3-animate sınıfları, öğeleri kaydırmak ve soldurmak için kolay bir yol sağlar:
Görüntüleri şekillendirmek kolaydır:
Herhangi bir öğeye özel efektler ekleyin:
opaklık
Gri Tonlama
Sepya
w3-input sınıfları giriş formları içindir:
Liste, tablo, açılır liste vb. içindeki belirli bir öğeyi aramak için filtreyi kullanın:
Ad Soyad | Nerden? |
---|---|
Arda Balkar | Eskişehir |
Metin Aksu | Giresun |
Code | Dünya |
Doğan Dağdelen | İstanbul |
Altuğ Akgül | Ankara |
Ömer Dinç | Jupiter'in içinden |
Ümit Özdağ | Şam |
Web sayfasına yazı tipi eklemek son derece kolaydır:
w3-tooltip sınıfı, her tür araç ipucunu görüntüleyebilir:
Bu metnin üzerine gelin! Araç ipucu içeriği
Bu metnin üzerine gelin! Araç ipucu içeriği
Renk temaları herhangi bir web uygulamasına kolayca eklenebilir:
Animasyonlara verilen yanıt gülünçtü
Dokunaklı, sürükleyici ve gerçekten iyi yapılmış
Marvel ve Disney için büyük bir başarı
Animasyonlara verilen yanıt gülünçtü
Dokunaklı, sürükleyici ve gerçekten iyi yapılmış
Marvel ve Disney için büyük bir başarı
Renk temaları, mobil uygulamalar için mükemmel bir eşleşmedir.