Css Animasyon - Sıfırdan İleri Seviye Animasyon Tasarımlar
4.3 (11 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
83 students enrolled

Css Animasyon - Sıfırdan İleri Seviye Animasyon Tasarımlar

Css animasyon özelliklerini ( transition, 2D, 3D transform, animation) en baştan örnek uygulamalar ile öğrenin...
4.3 (11 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
83 students enrolled
Last updated 10/2018
Turkish
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • 1 article
  • 32 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Css Animasyon Konusunda Bilgi Sahibi Olacak
  • Css Geçişleri Konusunda Bilgi Sahibi Olacak
  • Css 2D Dönüşüm ve Css 3D Dönüşüm Konularında Bilgi Sahibi Olacak
  • Öğrendiklerinizi Kendi Projelerinizde Uygulayabilecek
  • Öğrendiklerinizi Harmanlayarak Yeni Şeyler Üretebilecek
  • Örnek Uygulamalar ile Bilgilerinizi Pekiştirebileceksiniz
Requirements
  • Temel Bilgisayar Kullanım Bilgisi
  • Temel Html ve Css Konusunda Bilgi Sahibi Olan
Description

Bu kurs 10.000'in üzerinde öğrencisi bulunan EDUKEY Eğitim Akademisi  Danışmanlığında Uzman Eğitmen Koray Sadıklar tarafından hazırlanmıştır. Kursta yer alan müfredat konunun başından sonuna kadar öğrencinin öğrenme disiplininde ilerlemesi baz alınarak ve proje üretmesini sağlamak üzere kurgulanmıştır.

Gelişmiş CSS Animasyonları, CSS Geçişleri ve CSS 2D ve 3D Dönüşümlerini ve daha fazlası için öğrenin! 

İnternette gördüğünüz efektler, animasyonlar, geçişler ve daha bir çok şeyin CSS ile nasıl yapıldığını merak mı ediyorsunuz ?O zaman doğru yerdesiniz. Bu kursta öğreneceğiniz bilgileri tüm projelerinizde kullanabilir, sayfalarınızı daha dikkat çekici ve hareketli hale getirebilir, ziyaretçilerinize etkileşimli sayfalar sunabilirsiniz.

Eğer sizlerde CSS konusunda bilgi sahibiyseniz ve CSS bilgilerinizi bir üst seviyeye çıkarıp becerilerinizi geliştirmek istiyorsanız bu kurs tam size göre. Sıfırdan Css geçişlerini, animasyonları, 2D ve 3D dönüşümleri birlikte öğreniyor ve örnekler üzerinden uyguluyor olacağız. Teorik eğitimlerin bitiminde internet üzerinde sıkça karşılaştığımız örnek uygulamalar ile artık sizlerde etkileşimli ve dikkat çekici öğeler ve sayfalar oluşturabileceksiniz.

Kursta Yapılan Proje

EDUKEY kursları öğrencilerin temel eğitimi aldıktan sonra proje geliştirmeye odaklanmasını sağlamak üzere müfredatlarını kurgular. Eğitmen Koray Sadıklar Css Animasyon - Sıfırdan İleri Seviye Animasyon Tasarımlar eğitiminde temel eğitimi öğrencilerine sunduktan sonra öğrendiklerini uygulayabilecekleri ve zorlanmadan yapabilecekleri projeleri bu kurs içerisinde öğrencilerine sunmuştur.

Kurs Güncellemesi ve Yapılacak Projeler

EDUKEY Yaşayan eğitimler sunmaya her zaman devam etmektedir. Öğrencilerinin görüş ve önerilerini sürekli dikkate alan EDUKEY öğrencilerinden gelen talep ve isteklere göre kurslarında gerek görüldüğü durumlarda güncellemeyi sürekli hale getirmiştir. Üstelik öğrencilerin ek güncelleştirme ders  ve projelerine ücret ödemeside gerekmez.


Who this course is for:
  • Css Animasyon Konusuna Meraklı
  • Tasarımı Güzelleştirme ve Daha Çekici Hale Getirmek İsteyen
  • Projelerinde Öğrendiklerini Kullanmak ve Kendini Bu Konuda Geliştirmek İsteyen
Course content
Expand all 51 lectures 04:24:21
+ Css Transition
9 lectures 34:33
Transition Özellikleri
02:18
transition-property Kullanımı
04:15
transition-duration Kullanımı
02:32
transition-delay Kullanımı
01:28
transition-timing-function Kullanımı
06:43
cubic-bezier Kullanımı
06:43
Geçişi Tek Satırda Tamamlamak
03:14
Tarayıcı Ön Ekleri
01:51
+ Css 2D Transform
9 lectures 34:52
transform-origin ve Dönüşüm Fonksiyonları
07:54
translate Kullanımı
04:32
rotate Kullanımı
04:37
scale Kullanımı
02:49
skew Kullanımı
03:13
Dönüşüm Fonksiyonlarını Tek Satırda Kullanmak
02:03
Tarayıcı Ön Ekleri
01:49
+ Css 3D Transform
10 lectures 34:19
perspective Kullanımı
03:17
translate Kullanımı
01:54
rotate Kullanımı
03:37
scale Kullanımı
03:38
matrix3d Kullanımı
01:48
transform-style Kullanımı
03:39
transform-origin Kullanımı
04:39
perspective-origin Kullanımı
04:02
backface-visibility Kullanımı
05:51
+ Css Animasyon
11 lectures 35:40
@keyframes Kullanımı
07:02
animation-name Kullanımı
01:25
animation-duration Kullanımı
01:50
animation-delay Kullanımı
04:06
animation-iteration-count Kullanımı
02:46
animation-direction Kullanımı
03:43
animation-play-state Kullanımı
02:15
animation-timing-function Kullanımı
03:33
animation-fill-mode Kullanımı
03:57
animation Kullanımı
03:04
+ Örnek Uygulamalar
10 lectures 02:03:24
Animasyonlu Buton Yapımı - 1
09:15
Animasyonlu Buton Yapımı - 2
07:28
Animasyonlu Buton Yapımı - 3
11:59
Animasyonlu Menü Butonu Yapımı
09:31
marquee Yapımı
13:30
Animasyonlu Form Öğeleri Oluşturmak
15:27
Otomatik Geçişli Slider Yapımı
12:59
Dönen Kart Efekti Yapımı
12:11
Yandan Açılır Menü (Sidebar) Yapımı
23:12
+ BONUS
1 lecture 00:10
Özel Fırsatlar
00:10