Category: Стили CSS

Красивые уникальные стилевые решения которые украсят любой сайт.

P.S. Данная рубрика может включать javascript код. Для просмотра записей с применением только CSS стилей перейдите в рубрику Чистый CSS

CSS Telescope

See the Code — See it Full Page — See Details Based on: https://dribbble.com/shots/2358183-Scope This Pen uses: Haml, LESS, JavaScript, and Source: codepen

css pizza

Загрузка из css пиццы подойдёт для любой пиццерии! This Pen uses: HTML, SCSS, Babel, and Babel Source: codepen

Повёрнутый текст, влияющий на поток

За­да­ча: по­лу­чить по­вёр­ну­тый на 90 гра­ду­сов текст. Про­бле­ма: При ис­поль­зо­ва­нии trans­form, блок ве­дёт себя ана­ло­гич­но сдви­гу че­рез po­si­tion:rel­a­tive — про­дол­жа­ет за­ни­мать ме­сто в по­то­ке по со­сто­я­нию до транс­фор­ма­ции, так что, из­ме­не­ние про­ис­хо­дит толь­ко визуальное. Но нужно по­вер­нуть блок так, что­бы текст вли­ял и на по­ток вывода.

Flexbox Image Slider

A simple Flexbox image slider/carousel made with vanilla JavaScript. A simple Flexbox image slider/carousel made with library Slick This Pen uses: HTML, CSS, JavaScript