CSS Dersleri -92 / transition Özelliği
Вставка
- Опубліковано 8 вер 2024
- Bu ders Tayfun Erbilen tarafından prototurk.com için hazırlanmıştır.
CSS'de özelliklerin değeri değiştiğinde, örneğin bir butonun üzerine geldiğimizde arkaplan rengini değiştirdiğimizi düşünelim, bu sonuç anında görüntülenirdi. Bu geçiş sürecini yönetmek ve animasyon katmak için CSS'de transition özelliğini kullanıyoruz.
Bu ders içinde transition, transition-property, transition-duration, transition-delay ve transition-timing-function özelliklerini inceleyeceğiz.
Ek olarak ders içerisinde açtığım web site linkleri ise şunlar;
easings.net/tr
cubic-bezier.com
Kanala destek olmak için KATIL üzerinden size uygun seçeneği belirleyerek desteğinizi gösterebilirsiniz.
/ @prototurkcom
Yeni çıkardığım PHP Eğitim Setime gözatın!
udemy.com/php-...
-- Sosyal Hesaplarım;
/ erbilennet
/ prototurkcom
/ tayfunerbilen
/ prototurkcom
/ tayfunerbilen
#css #css-transition #cssdersleri #prototürk
Udemy dersinden php ögredim youtubeden css ögreniyoruz süpersin
Henüz bu derse başlamayacağım ama bir önceki dersin son kısmından gördüğüm kadarıyla şunu net olarak söyleyebilirim. CSS tam olarak şimdi başlıyor ya. Öncekiler teori bundan sonrası pratik gibi sanki. Çok hoşuma gitmişti o butonun yarım saniyede değişmesi falan. Ve garip olan şey de şu, bu dersleri almadan önce belki de defalarca o tip butonlara basmışımdır internet üzerinde. Ancak güzelliğini iç dinamiklerini öğrenince fark etmeye başladım. İyi ki bu yola girmişim. Daha bootstrap, javascript, react falan var, alnımın akıyla çıkarım umarım. Teşekkürler PROTOTURK
başarılar dilerim. ne durumdasınız acaba merak ettim :)
16:42 Tayfun abinin demek istediğini divin içine yazı yazıp width değerini sildiğinizde anlayabilirsiniz. (Başlangıç değeri olmadığı için gecikme olmadan hemen 100% oluyor. )
Reis eline emeğine sağlık gerçekten , bu kadar akıcı ve bol örnekle bütün dersleri en ince ayrıntısına kadar anlatıyorsun, sağol varol cansın.
Gerçekten çok başarılısınız. Umarım ardı gelir.
Hocam anlatımınız gerçekten harika.
teşekkürler güzel anlatımınız için. full stack developer olmak istiyorum ve front end için cidden çok iyisiniz bu seriyi bitirip javascripte geçeceğim umarım
Harika anlatımlar👌
teşekkürler
html ve body'e height:100% vermeden deneyince body:hover çalışmıyor, haberiniz olsun...
Ellerine sağlık abi'de uzun olunca süreler sarmıyorya sıkılıyorum
Sıkılıyorsan bırak bu işler sana göre değildir :)
konu önemli 🙃
timing-function iyiymiş.
Css eğitiminin 92.bölümüne kadar gelip orada katılmam gerektiği konusunda aydınladım :) hocam çok geç kaldım katıl butonunu kullanmakta beni bağışlayın lütfen. Emeğinizin karşılığı olamaz ama çorbada tuzum bulunsun dedim :) Ben bir garip öğretmenim, sizden çok şey öğrendim :)
Arkadaşlar bunun sürekli devam etmesi için ne yapabiliriz?
Kaç bölüm olucak bu seri ?
ya ne yapacaksınız kaç bölüm olacağını :D siz geleni değerlendirin takılmayın böyle şeylere ben diyeyim 150 sen de 250 ne değişti hayatımızda şimdi :)
Html serisinin devamı gelicekmi yoksa bittimi
temeli o kadardı, devamı css derslerinin bazı bölümlerinde ve javascript ile ilişkili olarak anlatılacak html'e çok anlam yüklemeye gerek yok o yüzden şu an :)
css yerine reklamları öğrendim
aferin sana
@@PROTOTURKCOMiki üc ay sonra projelerimde belki de hayatimi kurtaracak olan, adreslerini tek tek not aldigim sitelere reklam dedi la?🤪 Kimseyi demoralize etmeyi sevmem ama sektor bu arkadasin dusunce tarzina uygun degil bence. Reklam dedigi seylerin arasinda W3c var mi acaba😂😂