10 невероятных 3d проектов, которые работают на CSS и JavaScript

7 953 любопытных

Привет, дорогие друзья! В этот чудесный день я представляю Вам десятку невероятных 3d проектов которые сделанные на CSS и JavaScript. Эти проекты представлены исключительно для вдохновения. К тому же эти проекты Вы сможете скачать и разобраться код. В общем приятного просмотра!

Рекомендую к просмотру:

Орбита Kepler с настройками

See the Pen <a href="https://codepen.io/cl4ws0n/pen/VbeXpG/">Kepler Orbits</a> by Danie Clawson (<a href="https://codepen.io/cl4ws0n">@cl4ws0n</a>) on <a href="https://codepen.io">CodePen</a>.

Квадраты в перспективе на CSS

See the Pen <a href="https://codepen.io/joshnh/pen/FCJGI/">Pure CSS Perspective Boxes (Animated) v3 — with Controls</a> by Joshua Hibbert (<a href="https://codepen.io/joshnh">@joshnh</a>) on <a href="https://codepen.io">CodePen</a>.

Отличный 3d график на CSS3

See the Pen <a href="https://codepen.io/thebabydino/pen/dMEKYO/">3D graph (pure CSS)</a> by Ana Tudor (<a href="https://codepen.io/thebabydino">@thebabydino</a>) on <a href="https://codepen.io">CodePen</a>.

Невероятный цветной туннель на CSS

See the Pen <a href="https://codepen.io/peterwestendorp/pen/JEomi/">Tunnel vision 3D CSS</a> by Peter Westendorp (<a href="https://codepen.io/peterwestendorp">@peterwestendorp</a>) on <a href="https://codepen.io">CodePen</a>.

iPhone в 3d на чистом CSS

See the Pen <a href="https://codepen.io/jlwebart/pen/JDHne/">iPhone 4 Full CSS 3D (v2)</a> by Jonathan Levaillant (<a href="https://codepen.io/jlwebart">@jlwebart</a>) on <a href="https://codepen.io">CodePen</a>.

Солнечная система в 3d на CSS и JavaScript

See the Pen <a href="https://codepen.io/juliangarnier/pen/idhuG/">CSS 3D Solar System</a> by Julian Garnier (<a href="https://codepen.io/juliangarnier">@juliangarnier</a>) on <a href="https://codepen.io">CodePen</a>.

3d кубы

See the Pen <a href="https://codepen.io/keithclark/pen/hdlwI/">CSS shaded cubes</a> by Keith Clark (<a href="https://codepen.io/keithclark">@keithclark</a>) on <a href="https://codepen.io">CodePen</a>.

3d карусель на CSS

See the Pen <a href="https://codepen.io/nopr/pen/rfBJx/">CSS 3D Carousel</a> by Jesper Hills (<a href="https://codepen.io/nopr">@nopr</a>) on <a href="https://codepen.io">CodePen</a>.

Лев, который следит за курсором

See the Pen <a href="https://codepen.io/Yakudoo/pen/YXxmYR/">Chill the lion</a> by Karim Maaloul (<a href="https://codepen.io/Yakudoo">@Yakudoo</a>) on <a href="https://codepen.io">CodePen</a>.

Джойстик в 3d

See the Pen <a href="https://codepen.io/Dreamdealer/pen/Clutk/">3D NES controller</a> by Johan van Tongeren (<a href="https://codepen.io/Dreamdealer">@Dreamdealer</a>) on <a href="https://codepen.io">CodePen</a>.

10 невероятных 3d проектов, которые работают на CSS и JavaScript

Орбита Kepler с настройками

Квадраты в перспективе на CSS

Отличный 3d график на CSS3

Невероятный цветной туннель на CSS

iPhone в 3d на чистом CSS

Солнечная система в 3d на CSS и JavaScript

3d кубы

3d карусель на CSS

Лев, который следит за курсором

Джойстик в 3d

#Похожее:

Анимированные фоны для сайта на CSS и JavaScript

Крутые эффекты для сайта, которые реагируют на движение курсора на JS и CSS

Как сделать градиент для текста на чистом CSS

10 CSS-фильтров для изображений с примерами кода

Вам и не снилось, что можно сейчас сделать на чистых CSS и HTML (С примерами)

Тень для элементов на сайте на чистом CSS и совершенно бесплатно

Крутые кнопки и формы для сайта на CSS

10 ретро игр, которые работают на HTML, JS и CSS

Скачать исходники 3D текста с анимацией