Category: Сайтостроение

Всё самое лучшее для Вашего сайта! Скачивайте бесплатные CSS стили, JS скрипты, стоковые красивые фотографии, иконки и многое другое…

Swiss Palettes

See the Code — See it Full Page — See Details Color palette preview powered by CSS Grid & CSS Variables (CSS Custom Properties). Palettes chosen from http://swisscolors.net/ This Pen uses: Pug, SCSS, JavaScript, and Source: codepen

Perspective Grid w/Animation // CSS Grid

See the Code — See it Full Page — See Details I often see this type of skewed image design for apps and websites, as well as graphic design portfolios. What if we animated that into an image gallery? This gallery utilizes CSS Grid Layout and CSS3 perspective to create something a little unique. This Pen uses: Pug, Sass, JavaScript, and Source: codepen

Peel-off Tab Headings

See the Code — See it Full Page — See Details H3 headings styled like a peel-off tab using just one inline SVG snippet and no other images. Can be aligned to the left or right. Look towards the end of the SCSS code to see how. Hope you like it. The title is a pune, or a play on words ;) This Pen uses: Pug, SCSS, JavaScript, and

FLIPing slides with Vue.js <transition-group>

See the Code — See it Full Page — See Details Vue’s `<transition-group>` contains built in [FLIP](http://www.creativebloq.com/features/create-animations-with-the-flip-technique) animation features, and allows for some really powerful CSS transitions. This is a demo of fun ways I’ve found to utilize both Vue’s FLIP and transition classes. Learn more about `<transition-group>` in the superbly written [Vue Docs](https://vuejs.org/v2/guide/transitions.html#List-Move-Transitions) This Pen uses: HTML, LESS, Babel, and Babel Source: codepen