filmov
tv
0'dan 100'e CSS Dersleri - 7 Pseudo Classes & Pseudo Elements
Показать описание
Merhaba arkadaşlar!
Bu videoda, CSS'in güçlü özelliklerinden biri olan Pseudo Classes & Pseudo Elements konusunu detaylı bir şekilde ele alıyoruz.
Pseudo class'lar ve pseudo element'ler, HTML elementlerine daha spesifik bir şekilde stil uygulamamıza olanak tanır.
Ders İçeriği:
Pseudo Class Nedir?
- :hover, :active, :focus gibi durumlarda nasıl kullanılır?
Pseudo Element Nedir?
- ::before, ::after, ve ::first-line gibi elementlere ek öğeler eklemek için nasıl kullanılır?
Pratik Kullanımlar ve Örnekler:
- Breadcrumb yapımı,
- Butonlara hover efektleri ekleme,
- İlk harfi büyütme gibi metin manipülasyonları.
Konuyla ilgili shorts;
Sayfalarımızı daha etkileyici ve dinamik hale getirmek için pseudo class ve pseudo elementleri nasıl kullanacağımızı öğrendik.
Öğrendiğimiz konseptleri pratik uygulamalarla pekiştirdik.
İyi dersler!
#PseudoClasses #PseudoElements #breadcrumbs
Bu videoda, CSS'in güçlü özelliklerinden biri olan Pseudo Classes & Pseudo Elements konusunu detaylı bir şekilde ele alıyoruz.
Pseudo class'lar ve pseudo element'ler, HTML elementlerine daha spesifik bir şekilde stil uygulamamıza olanak tanır.
Ders İçeriği:
Pseudo Class Nedir?
- :hover, :active, :focus gibi durumlarda nasıl kullanılır?
Pseudo Element Nedir?
- ::before, ::after, ve ::first-line gibi elementlere ek öğeler eklemek için nasıl kullanılır?
Pratik Kullanımlar ve Örnekler:
- Breadcrumb yapımı,
- Butonlara hover efektleri ekleme,
- İlk harfi büyütme gibi metin manipülasyonları.
Konuyla ilgili shorts;
Sayfalarımızı daha etkileyici ve dinamik hale getirmek için pseudo class ve pseudo elementleri nasıl kullanacağımızı öğrendik.
Öğrendiğimiz konseptleri pratik uygulamalarla pekiştirdik.
İyi dersler!
#PseudoClasses #PseudoElements #breadcrumbs
0:09:02
0'dan 100'e CSS Dersleri - 1 CSS'e Giriş
0:13:32
0'dan 100'e CSS Dersleri - 11 Transform & Transition
0:09:16
0'dan 100'e CSS Dersleri - 2 Seçiciler
0:12:31
0'dan 100'e CSS Dersleri - 6 Position
0:09:50
0'dan 100'e CSS Dersleri - 12 Animation | Keyframes
0:12:04
0'dan 100'e CSS Dersleri - 8 Flexbox - Layout Module
0:09:24
0'dan 100'e CSS Dersleri - 7 Pseudo Classes & Pseudo Elements
0:08:58
0'dan 100'e CSS Dersleri - 4 Özellikler (Buton yapımı)
0:10:18
0'dan 100'e CSS Dersleri - 3 Typography (Text&Fonts)
0:47:37
HTML5 & CSS3 Dersleri #22- 0'dan 100'e Responsive Parallax Efekt Web Sitesi Yapımı
0:07:38
0'dan 100'e CSS Dersleri - 5 Box Model | Box Sizing
0:13:08
0'dan 100'e CSS Dersleri - 9 Responsive Web Design - Media Queries / Figma
0:41:02
HTML5 & CSS3 Dersleri #23-Html5 ve Css3 Kullanarak 0'dan 100'e Responsive Web Sitesi Y...
0:00:30
#CSS 'TE AZ BİLİNEN KOD! (CSS DERSLERİ!)
0:44:30
HTML5 & CSS3 Dersleri #24-Html5 ve Css3 Kullanarak 0'dan 100'e Responsive Web Sitesi Y...
0:09:45
0'dan 100'e CSS Dersleri - 10 Variables & Dark Mode
0:00:16
Before and after css pseudo elements
2:18:43
2 Saatte CSS Öğrenin ! - Temel CSS Eğitimi
0:00:16
100 Günde Programlama Öğreniyorum
0:00:30
Shopify Dropshipping'te Ürün Fiyatı Nasıl Belirlenmeli?
0:00:16
Programming#python#javascript#java#c++#assembly #coding
0:00:49
1 dk’da WEB SİTESİ YAPMAK! #shorts
0:00:06
Loading Animation | using html, css and javascript
4:02:43
HTML & CSS Full Course for free 🌎
Комментарии