PRELOADER TEXT ANIMATION IN CSS – Turkish Video Tutorial

Video : Turkish Language
Tutorial : PRELOADER TEXT ANIMATION IN CSS
Githup link: CSS TUTORIAL

Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents. CSS More Information

What We Can Learn?

In this video tutorial, we going to preloader text animation in CSS code. Preloader effect that works within a certain period of time. It will work continuously. Transparent effect can be used in each section for web sites.

We Learn About

-webkit-
Used => text-stroke, background-clip
Animation
Used => @keyframes, linear, infinite
Background
Used => background-repeat, background-position, background-image
And Other Commands
Used => box-sizing, color, font-weight, overflow, transform, translate

Requirements

1-Brackets Program
2-Basic HTML code knowledge
3- Basic CSS code knowledge

Difficulty

Intermediate Level

Description

We continue to learn CSS in this video. In the video, I talked about CSS; -webkit- (text-stroke, background-clip), Animation(@keyframes, linear, infinite), Background( background-repeat, background-position, background-image), and other commands (box-sizing, color, font-weight, overflow, transform, translate).

Video Tutorial - Turkish Language - 720p

Curriculum
If you want to learn more about Css tutorial, The source files has got my github repository, you can see its below !!

https://utopian.io/utopian-io/@tarikhakan55/3d-menu-animation-in-css-turkish-video-tutorial

https://utopian.io/utopian-io/@tarikhakan55/roundabout-animation-for-image-gallery-in-css-turkish-video-tutorial

https://utopian.io/utopian-io/@tarikhakan55/hover-effect-with-image-overlay-in-css-turkish-video-tutorial

Author : @tarikhakan55
Steemit Türkiye & Utopian-io
Community

---

Posted on Utopian.io - Rewarding Open Source Contributors

---