|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/kurs-css3-poziom-iii-efekty-transformacje-przejscia/
课程评论：没有评论
课程名称：CSS3级别III - 效果、变换、过渡 课程概述： 学习如何使用纯CSS创建令人惊叹的网页动画和视觉效果。本课程将引导您深入了解CSS强大的动画和效果功能，让您的网站动起来，提升用户体验。如果您熟悉CSS基础知识，本课程将带您进入更高级的境界。您将学会创建各种酷炫的效果，包括： * **应用蒙版 (Masks)** * **添加滤镜 (Filters)**：如怀旧（sepia）、模糊（blur）、灰度（grayscale）等，以及组合使用多种滤镜。 * **使用混合模式 (Mixing Modes)** * **执行变换 (Transformations)**：包括缩放（scaling）、旋转（rotation）、倾斜（skewing）等，并能在2D和3D环境中应用。 * **创建动画效果 (Animated Effects)**：学习使用过渡（transitions）和关键帧动画（keyframe animations）。 课程面向对象： 本课程适合已经掌握前两期CSS课程基础以及HTML基础的网页开发者，希望通过CSS掌握动画和变换技术，创造更具创意和吸引力的效果。 课程内容详情： * **效果 (Effects)**：从简单的透明度、渐变、阴影开始，逐步学习灰度、怀旧、模糊等滤镜效果，以及如何调整对比度、亮度和色彩。还将学习如何组合多个滤镜。 * **变换 (Transformations)**：深入理解CSS变换的概念，学习2D和3D环境下的各种变换函数，实现元素的位移、缩放、旋转等操作。 * **动画 (Animations)**：学习应用前面章节的变换和效果知识，掌握过渡和关键帧动画的使用。您将学会设置动画的百分比进度、触发和停止动画、控制动画重复次数和方向。还将了解如何使用JavaScript跟踪动画进度，并介绍Animate_css库。
Czego się nauczysz?Czy kiedykolwiek widziałeś na stronie internetowej ciekawą animację, a potem pomyślałeś: „ciekawe jak stworzyć taki efekt samodzielnie"? Wydaje Ci się, że to skomplikowane i potrzeba dodatkowych narzędzi? Nic bardziej mylnego, ponieważ tego typu ruchome elementy, animacje i efekty możesz wykonać zgłębiając tajniki CSS.W tym kursie zrobisz kolejny, duży krok w CSS poznając możliwości animacji i efektów jakie oferuje CSS. Dzięki temu na Twojej witrynie możesz tworzyć niesamowite rzeczy, a wszystko zależy od Twojej wyobraźni. Ożywisz statyczną stronę, poprawisz wrażenia użytkownika. Tak więc jeśli znasz już podstawy CSS, to razem z tym kursem osiągniesz kolejny poziom wtajemniczenia. Pod koniec tego kursu będziesz w stanie zrozumieć, jak działa animacja na stronie internetowej i jak utworzyć ją stosując czysty CSS.Nauczysz się tworzyć efekty za pomocą CSSWykonasz animowane elementy na Twoją stronęNauczysz się stosować maskiDodasz filtry jak sepia, rozmycie czy skala szarościNauczysz się łączyć filtry ze sobąDowiesz się jak stosować tryby mieszaniaWykonasz transformacje, skalowanie, obrót, pochylenieZastosujesz transformacje w środowisku 2d oraz 3dNauczysz się dodawać animowane efektyDowiesz się, jak używać przejść i animacji klatek kluczowychDla kogo jest ten kurs?Kurs dla wszystkich twórców stron internetowych, którzy chcą opanować animacje i transformacje w CSS, by samodzielnie stosowaćkreatywne efekty.Szkolenie przeznaczone jest dla osób, które opanowały dwa poprzednie wydania naszych kursów o CSS oraz podstawy HTML.EfektyKurs rozpoczniesz od poznania prostych efektów jak zmiana krycia elementu, utworzenie gradientu czy dodanie cienia. Idąc dalej, utworzysz bardziej kreatywne efekty na przykład stosując skalę szarości, sepię czy rozmycie na danym elemencie. Zobaczysz też jak manipulować kontrastem, jasnością i barwą stosując CSS. Dodatkowo pokażę Ci jak połączyć kilka filtrów na jednym elemencie.TransformacjeJednym z działów w kursie jest pojęcie transformacji CSS, które otwierają drzwi dla wielu kreatywnych opcji, od przesuwania elementów na stronie, po ich skalowanie i obracanie. Poznasz wszystkie funkcje przekształcenia, które możesz stosować w środowisku 2d oraz 3d.AnimacjeNastępnie przejdziesz do najważniejszej części czyli animacji. Wykorzystasz wszystkie techniki i właściwości, których nauczyłeś się przy transformacjach i efektach. Zobaczysz jak stosować przejścia, stosować klatki kluczowe, określać procentowo etap animacji, tworzyć uruchamianie i zatrzymywanie animacji. Określisz liczbę powtórzeń oraz określisz kierunek poruszania się elementu. Zobaczysz jak śledzeić postęp animacji za pomocą JavyScript oraz poznasz bibliotekę Animate_css.
