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

**Video** : English Language<br>
**Tutorial** : BUILDING 3D CUBIC IMAGE ANIMATION FOR FASHION 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 cubic image animation in sass or scss. These can be used anywhere.  Especially on graphic content sites. Finally you can also learn, how are these codes implemented on your web sites.  

**We Learn About**

Transform<br>
Used =>  rotateY, rotateX, translateZ, translateX, translateY <br>
Animation<br>
Used => @keyframes, linear, infinite, preserve 3d<br>
Background<br>
Used => image, size, url, position<br>
And Old Commands<br>
Used =>  height, width,  margin-top, padding, color, position<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(rotateY, rotateX, translateZ, translateX, translateY ), animation( @keyframes, linear, infinite, preserve 3d), background( image, size, url, position) and old commands(height, width,  margin-top, padding, color, position).

**Video Tutorial - English Language - 720p**

<iframe width="560" height="315" src="https://www.youtube.com/embed/1OENCLG2esw" 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>


[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-cubic-image-animation-for-fashion-pages-in-sass-scss">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>