CUBIC ICON ANIMATION IN CSS – Turkish Video Tutorial

Video : Turkish Language
Tutorial : CUBIC ICON 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 cubic icon animation in CSS code. Nowadays, cubic social media icons are used on every site. It has to be nice to attract attention for direct people to this area. We will see style files from the outside

We Learn About

Transform
Used => perspective, rotate, skew, translate, skewX
a tags
Used => before, after ,hover(nht-child)
Color
Used => darkmagenta, aliceblue, darksalmon, forestgreen
And Other Commands
Used => display, box-shadow, content, text-align, position, padding, transition

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; Transform(perspective, rotate, skew, translate, skewX), a tags( before, after ,hover(nht-child)), color(darkmagenta, aliceblue, darksalmon, forestgreen), and other commands(display, box-shadow, content, text-align, position, padding, transition).

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 !!

Social Media Menu Animation
The Walking Human Animation
Neon Text Animation
Preloader Text Animation
3D Menu Animation
Roundabout Animation For Image Gallery
Hover Effect With Image Overlay

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

---

Posted on Utopian.io - Rewarding Open Source Contributors

---