CSS

Web Sitelerinde görünüm düzenlemeye dair herşey

CSS Loading Animasyonu – CSS ile Kenarlık Animasyonu Yapımı!

CSS 2021

✎ CSS Loading Animasyonu – CSS ile Kenarlık Animasyonu Yapımı!✎ ➤ Bu videomuzda; Css animasyonları kullanmaya devam edeceğiz.Tek bir konudan ziyade birçok konuya değindiğimiz videomuzda konu başlıkları aşağıdaki gibidir. ● CSS keyframes nedir? CSS animasyon yapımı ● CSS animation kullanımı ● CSS transform:rotate() kullanımı ● CSS transition kullanımı ● CSS …

Daha Fazla

CSS Animasyonlu Bilgi Kartları – CSS Animasyonları Uygulama!

css2020

✎ CSS Animasyonlu Bilgi Kartları – CSS Animasyonları Uygulama! ✎ ➤ Bu videomuzda; Css animasyonları kullanmaya devam edeceğiz.Tek bir konudan ziyade birçok konuya değindiğimiz videomuzda konu başlıkları aşağıdaki gibidir. ● CSS inherit nedir? CSS inherit kullanımı ● CSS backface-visibility kullanımı ● CSS transform:rotateY() kullanımı ● CSS transition kullanımı ● CSS …

Daha Fazla

CSS Animasyonlu Buton Yapımı – CSS Sözde Sınıf (PSEUDO CLASS) Kullanımı

css buton

✎ CSS Animasyonlu Buton Yapımı – CSS Sözde Sınıf (PSEUDO CLASS) Kullanımı ✎ ➤ Bu videomuzda; Css animasyonlarıı kullanmaya devam edeceğiz.Tek bir konudan ziyade birçok konuya değindiğimiz videomuzda konu başlıkları aşağıdaki gibidir. ● CSS Sözde Sınıf (PSEUDO CLASS) Kullanımı ● CSS ::before kullanımı ● CSS :hover kullanımı ● CSS transform:scale() …

Daha Fazla

CSS Text Animasyonları – Site Giriş Animasyonu Yapımı!

css text animasyon

✔ CSS Text Animasyonları -Site Giriş Animasyonu Yapımı! ➤ Bu videomuzda aşağıdaki konulardan bahsettik. ● CSS Text Animasyonları ● @keyframes nasıl kullanılır ne işe yarar ● Css animasyon yapımı ● CSS z-index ● CSS position relative ● Basit css giriş animasyonu ● CSS letter-spacing kullanımı Bu video’da oluşan kodları aşağıdaki …

Daha Fazla

CSS Çarkı – CSS Flexbox Yapısı İle Dairesel Şekiller Oluşturma!

border-radius

❣ 𝐂𝐬𝐬 𝐂𝐚𝐫𝐤𝐢 ❣ ✍ Bu videomuzda; CSS’in border-radius özelliğini etkili bir şekilde kullanma olayından bahsettik. Ayrıca aşağıdaki konular üzerinde durduk. ☑ CSS’te bir daire nasıl yapılır? ☑ CSS daire parçaları oluşturma ☑ Flexbox yapısı ile site ortalamaları ☑ CSS border-radius özelliğini aktif kullanma Video’da oluşan kodları aşağıdaki linkten indirebilirisiniz. …

Daha Fazla

CSS Elementlerin Üst Üste Gelmesi – CSS Z-index Konusu ve Kullanımı!

z index

✎ Bu videomuzda CSS’in önemli özelliklerinden olan z-index konusu ve kullanımından bahsettim. ➤ z-index özellikle üst üste gelen elementlerde kullanılan ve sıralamanın ne olacağını belirleyen bir özelliktir. ➤ Örnek uygulama üzerinde detaylı olarak bu konuya değinilmiştir. Aşağıdaki linkten örnek uygulamaya ulaşabilirisiniz. ↲ https://drive.google.com/file/d/1cKnWA_6Gf3npyWRMXNh878jjvq1EKWLw/view?usp=sharing ❤ ABONE Olmak için Tıkla! :https://www.youtube.com/c/SOSYALBİLİŞİM?sub_confirmation=1 İzlemeniz …

Daha Fazla

Flexbox Menü Yapımı – Mobil Uyumlu Animasyonlu Menü Uygulaması

flexbox menü

✎ Flexbox Menü Yapımı – Mobil Uyumlu Animasyonlu Menü Uygulaması ✔ Bu videomuzda; Flexbox yapısının çoğu özelliğini menü uygulaması üzerinde pratik yapacağız. ➤ Flexbox yapısı web sayfalarında frameworkler kütüphaneler de dahil olmak üzere birçok yerde kullanılmaktadır. ● Kullandığımız bazı Flexbox özellikleri aşağıdaki gibidir. ▶ flex-direction ▶ flex-wrap ▶justify-content ▶ align-items …

Daha Fazla

CSS Maximum ve Minimum Genişlik Belirleme – CSS max-width min-width Kavramları

css max-width

✎ CSS’de genişlik konusunda çokça karıştırılan width,max-width ve min-width konularını hazırladığım örnek doküman üzerinden basit bir halde ugulamasını yaptık. Kullanmış olduğumuz CSS özelliklerinde bahsettiklerimiz; ● Width ve Max-width aynı yerde tanımlıyken hangisi geçerli olur? ● Max-width hangi durumlarda kullanılır? ● Min-width hangi durumlarda kullanılır? gibi konulara değindiğimiz bu video’da konuları …

Daha Fazla