CSS Dersleri -97 / transform Özelliği

CSS'de etiketleri döndürmek, eğmek, ölçeklendirmek ve taşımak için transform özelliğini kullanıyoruz. Bununla birlikte 2 ve 3 boyutlu alanlarda etiketlere işlemler uygulayabiliyoruz.

Bu derste anlattığım işlemler 2 boyutlu işlemlerdir, 3 boyutlu işlemlere başka bir derste değineceğim.

rotate() --- 2 boyutlu bir alanda etiketleri döndürmek için kullanılıyor. Ek olarak rotateX() ve rotateY() adında 2 farklı kullanımı daha var.

skew() --- 2 boyutlu bir alanda etiketleri eğmek için kullanılıyor. Ek olarak skewX() ve skewY() adında 2 farklı kullanımı daha var.

scale() --- 2 boyutlu bir alanda etiketleri ölçeklendirmek için kullanılıyor. Ek olarak scaleX() ve scaleY() adında 2 farklı kullanımı daha var.

translate() --- 2 boyutlu bir alanda etiketleri taşımak için kullanılıyor. Ek olarak translateX() ve translateY() adında 2 farklı kullanımı daha var.

matrix() --- Uukarıdaki 4 özelliğin kısa kullanımıdır.

transform-origin --- merkezi ayarlamak için kullanılıyor.

Kanala destek olmak için KATIL üzerinden size uygun seçeneği belirleyerek desteğinizi gösterebilirsiniz.

Yeni çıkardığım PHP Eğitim Setime gözatın!

-- Sosyal Hesaplarım;

[KodBeyin]

Türkiye'deki en iyi css serisi bence.

[aishamirzeyeva]

bu an sizin 97bölümlük css dərsinizi bitirdim çok teşekkür edərim var olun

[KerimKaraman]

Hocam, abi, canım, bebeğim, bir tanem... Gelsin artık devamı da hasretliğimiz bitsin be.

[hakandemiralll]

devamı gelecek mi tayfun? bir ay olmuş neredeyse kuruduk :)

[sahiniz]

Hocam konunun hakkını verenlerdensiniz helal olsun

[conductor]

Çok anlaşılır ve akıcı bir anlatım olmuş. Emeğine sağlık üstadım.

[faruky]

az önce bitirdim uzun zamandır eğitim devam etmese de bence yeterliydi zaten bu kadar şey öğrendikten sonra devamını kendimiz de tamamlayabiliriz. html ve css eğitimleriyle hem sizin gibi birini tanıdım hemde çokşey öğrendim umarım tüm bu emeğin karşılığını görürsün. ilk paramı kazanayım yazılımdan katılla destek olucam

[abdulkadir-kocak]

Örneklerle açıklamak çok güzel olmuş, teşekkürler.

[faruky]

18:28 bende böyle hoş şeyleri kendine mi saklıyor diyordum. ben o yukarıdaki butonları transition dersinden sonra yapmaya çalışmıştım stackoverflowun yardımıyla yapabilmiştim keşke bu videoyu izleseymişim önce

[berkeroglu]

keşke frontendaily videolarını biraz da yeni başlayanlara uyarlasanız sadece html ve css le mesela

[ibrahimkafkasl]

hocam kaldık burda devamını bekliyoruz

[fridnhmdov]

Bilmediyim bi cok sheyide pratik yaparak bu derste oyrendim teshekkurler )

[emirselimzade]

Tamamlanan Css eğitim serisini tek bir video altında toplarsanız 4-5 saatlik bir ' full Course CSS ' videosu olur. Bu da ayrıca çok işe yarayabilir.. All in one diye Amerikalıların videoları var. Ama piyasada böyle bir türkçe kaynak yok.. Bu ihtiyacı da gidermiş olursunuz...

[azadsarxanli]

Hocam, merhaba! .popup classlı öğeye neden position olarak relative verdiğimizde çalışmıyor, fakat fixed olduğunda çalışıyor? (27:51)

[huseyincuma]

Hocam bir sorum olacaktı şimdi 27:08 de tamam yaptık iyi hoş da tranform a transition verdiğimiz için site açılırken yenilenirken kendini gizleme de gecikme yaşanıyor bunu nasıl düzeltebiliriz ? Ve bide scroll çıkmıyormu o iki yöntemde de

[uluslararasag]

Hocam bu :checked da sadece + mı kullanılıyor (ondan sonra gelen +) yerine başka bir şey kullanamazmıyız :checked olduğunda

[berkcoskun]

abi selamlar css derslerinin devamı gelecek mi lütfen bizi mahrum bırakma.

[kerimtogay]

Hocam ben başka bi kanalın videosunu izledim proje videosunu orda float diye bi özellik vardı ve bunu üst menü yapımında kulllandı her ne kadar ne işe yaradığını anlasamda sizden de dinlemek istemiştim ama malesef oynatma listenizde öyle bişey yok

[BYAles]

Merhaba. Ben skew(90deg); verdiyimde checkbox-a basıyorum ondan sonra ekran donarak kalıyor, sonra da alertboxda "Sizin sayfanız responsiv değil diyor. Ne yapa bilirim?". Bu arada yalnızca 90 deg verdiyimde öyle oluyor. diğer değerler verdiyimde normal çalışıyor.

[Nyxean]

Hocam içerikleriniz çok faydalı ve sizden öğrenmek de çok eğlenceli ama kafama bir soru takıldı. Sıradan bir insan çeşitli programlar veya siteler aracılığıyla bir web sitesi tasarlayabiliyorken html css bilmenin bize ekstradan ne avantajı olacak?