<br> http://i.hizliresim.com/z00E54.jpg

**Video** : English Language<br>
**Tutorial** : BUILDING 3D MOCKUP PRESENTATION  FOR ALL BOOK PAGES  IN SASS (SCSS) <br>
**Githup link**:  [SASS(SCSS)](https://github.com/sass/sass) <br>

>**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](http://sass-lang.com/)

**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<br>
Used  => skewY, skewX, translate, rotate, scale<br>
Color<br>
Used => darkred, #ccc, aliceblue, #ff2929,  rgba(0,0,0,0.5)<br>
Style<br>
Used => font-family, text-align, font-size<br>
Background<br>
Used => image, size, url, attachment<br>
And Old Commands<br>
Used =>  content, width,  position, padding, border-left,box-shadow<br>


**Requirements**

1-Brackets Program<br>
2-Basic HTML code knowledge<br>
2-Basic SCSS code knowledge<br>


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

<iframe width="560" height="315" src="https://www.youtube.com/embed/uwnYl4vxePw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> <br>

**Curriculum**

If you want to more learn about SASS you can follow me and you can see its below ! <br>
[3D Cubic Image  Animation](https://utopian.io/utopian-io/@tarikhakan55/building-3d-cubic-image-animation-for-fashion-pages-in-sass-scss)

[Fire And Glacier Text Animation](https://utopian.io/utopian-io/@tarikhakan55/building-fire-and-glacier-text-animation-in-sass-scss)

[Flexbox Web Page Part 2](https://utopian.io/utopian-io/@tarikhakan55/building-flexbox-web-page-for-blog-sites-in-sass-scss-part-2)

[Flexbox Web Page Part 1](https://utopian.io/utopian-io/@tarikhakan55/building-flexbox-web-page-for-blog-sites-in-sass-scss-part-1)

[Book Hover  Animation](https://utopian.io/utopian-io/@tarikhakan55/building-book-hover-animation-bookshop-web-sites-in-sass-scss)

[Responsive Flip Animation For Social Media Buttons](https://utopian.io/utopian-io/@tarikhakan55/building-flip-animation-for-social-media-buttons-in-sass-scss)

[Responsive Image Grid With Animation](https://utopian.io/utopian-io/@tarikhakan55/building-responsive-image-grid-with-animation-in-sass-scss)

[Different Home Page Part 2](https://utopian.io/utopian-io/@tarikhakan55/building-different-home-page-in-sass-scss-part-2)

[Different Home Page Part 1](https://utopian.io/utopian-io/@tarikhakan55/building-different-home-page-in-sass-scss-part-1)


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


<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@tarikhakan55/building-3d-mockup-presentation-for-all-book-pages-in-sass-scss">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>