BUILDING FLIP ANİMATION FOR SOCIAL MEDIA BUTTONS IN SASS (SCSS)

tarikhakan55 (66)in #utopian-io • 6 years ago (edited)

Video : English Language

Tutorial : BUILDING FLIP ANIMATION FOR SOCIAL MEDIA BUTTONS 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 a flip animation for social media icons. This values has a really nice subtle animation effect when the mouse hovers over each image box. Then you can also learn, how are these codes implemented on your web sites.

We Learn About

Div Tags

Used => socialbox, social(youtube, instagram, twitter, facebook), front, back

Color

Used => #cd201f, #e4405f, #55acee, #3b5999, rgba(0,0,0,.5), #fff

Front-Back

Used => align-items, justify-content, backface-visibility,

And Old Commands

Used => box-shadow, height ,padding, display,position

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; Div tags(socialbox, social(youtube, instagram, twitter, facebook), front, back), color( #cd201f, #e4405f, #55acee, #3b5999, rgba(0,0,0,.5), #fff), Front-Back(align-items, justify-content, backface-visibility), and old commands(box-shadow, height ,padding, display,position).

Video Tutorial - English Language - 720p