BUILDING TEXT BACKGROUND ANIMATION FOR ALL WEB PAGES IN SASS (SCSS)

Video : English Language

Tutorial : BUILDING TEXT BACKGROUND ANIMATION FOR ALL WEB PAGES IN SASS (SCSS)

Githup link: SASS(SCSS)

Sass(Scss) is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass is actively supported and developed by a consortium of several tech companies and hundreds of developers. SASS(SCSS) More Information

What We Can Learn?

In this video tutorial, we created text background animation for all web pages in sass or scss. These can be used anywhere. We created moving background color with different effect. Finally you can also learn, how are these codes implemented on your web sites.

We Learn About

Border

Used => top, bottom, left, right, solid, liner, infinite, transparent

Color

Used => black, orange

Animation

Used => animation-fill-mode, forwards, linear, infinite

Position

Used => absolute, relative, inline-block

And Old Commands

Used => height, width, left, font-size, padding, top, float

Requirements

1-Brackets Program

2-Basic HTML code knowledge

2-Basic SCSS code knowledge

Difficulty

Intermediate Level

Description

We will going to learn SASS(SCSS) in this video. In the video we used; Border(top, bottom, left, right, solid, liner, infinite, transparent), color(black, orange), animation(animation-fill-mode, forwards, linear, infinite), position(absolute, relative, inline-block) and old commands(height, width, left, font-size, padding, top, float).

Video Tutorial - English Language - 720p

Curriculum

If you want to more learn about SASS you can follow me and you can see its below !

Previous And Next Button Animation

3D Cubic Image Animation

Fire And Glacier Text Animation

Flexbox Web Page Part 2

Flexbox Web Page Part 1

Book Hover Animation

Responsive Flip Animation For Social Media Buttons

Responsive Image Grid With Animation

Author : @tarikhakan55

Steemit Türkiye & Utopian-io
Community

---

Posted on Utopian.io - Rewarding Open Source Contributors

---