BUILDING 3D MOCKUP PRESENTATION FOR ALL BOOK PAGES IN SASS (SCSS)

in #utopian-io7 years ago (edited)


Video : English Language

Tutorial : BUILDING 3D MOCKUP PRESENTATION FOR ALL BOOK 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 3D mockup presentation for all book pages in sass or scss. We'll learn step-by-step 3d style codes. These can be used all bok pages or blog pages. Finally you can also learn, how are these codes implemented on your web sites.

We Learn About

Transform

Used => skewY, skewX, translate, rotate, scale

Color

Used => darkred, #ccc, aliceblue, #ff2929, rgba(0,0,0,0.5)

Style

Used => font-family, text-align, font-size

Background

Used => image, size, url, attachment

And Old Commands

Used => content, width, position, padding, border-left,box-shadow

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; Transform(skewY, skewX, translate, rotate, scale), color(darkred, #ccc, aliceblue, #ff2929, rgba(0,0,0,0.5)), style(font-family, text-align, font-size), background( image, size, url, attachment) and old commands(content, width, position, padding, border-left,box-shadow).

Video Tutorial - English Language - 720p


Curriculum

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

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

Different Home Page Part 2

Different Home Page Part 1

Author : @tarikhakan55

Steemit Türkiye & Utopian-io
Community



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Hey @tarikhakan55 I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Coin Marketplace

STEEM 0.19
TRX 0.15
JST 0.029
BTC 62948.49
ETH 2583.15
USDT 1.00
SBD 2.74