Берлога программиста | Веб и не только
کانال بسته
Пригласить друга: https://t.me/+T3oGjyHRTAsxNWEy
نمایش بیشتر
5 000
مشترکین
اطلاعاتی وجود ندارد24 ساعت
-167 روز
-13830 روز
آرشیو پست ها
Slide-out Navigation
Выдвигающаяся навигация, реализованная с помощью GSAP и CSSRulePlugin.
Pull-out navigation implemented with GSAP and CSSRulePlugin.
#navigation #gsap
Realistic 3D Photo Cards
Эффект реалистичности 3D-фотокарточек при наведении, реализованный с помощью VueJS.
VueJS 3D photocards realistic hover effect.
#3D #vue #hover
Responsive CSS Grid - Books
Адаптивная сетка каталога книг на чистом CSS.
Responsive book catalog grid in pure CSS.
#grid #css
Click to send
Кнопка с анимацией отправки сообщения в виде самолетика. Реализована с помощью GSAP.
Button with animation of sending a message in the form of an airplane. Implemented with GSAP.
#button #send #gsap
Accordion gallery
Галерея фотографий в виде аккордеона, реализованная с помощью библиотеки GSAP. Фотографии меняются при наведении.
Photo gallery in the form of an accordion, implemented using the GSAP library. Photos change on hover.
#accordion #gallery #gsap
3D CSS Plane
3D-самолетик с анимацией полета, реализованный с помощью Stylus. Параллакс при перемещении курсора мыши и переключение на темный режим реализованы с помощью библиотеки GSAP.
3D airplane with flight animation implemented with Stylus. Parallax when moving the mouse cursor and switching to dark mode is implemented using the GSAP library.
#3d #css #stylus #gsap
NEON LOVE
Анимация двух цветных неоновых линий в виде сердца. Реализована с помощью JavaScript.
Animation of two colored neon lines in the form of a heart. Implemented with JavaScript.
#neon #love #javascript #animation
Generative UI
Генерация случайных цветов с анимацией цветного шара в красивом морозном интерфейсе. Реализована с помощью pixi.js.
Generate random colors with colored ball animation in a beautiful frosty interface. Implemented with pixi.js.
#ui #generate #pixijs #animation
Parallax Snap
Плавный и приятный параллакс при нажатии на черные квадратики-ссылки. Анимация реализована с помощью GSAP, ScrollToPlugin3, SplitText3, ScrollTrigger.
Smooth and pleasant parallax when clicking on the black squares-links. Animation is implemented using GSAP, ScrollToPlugin3, SplitText3, ScrollTrigger.
#parallax #animation #GSAP
Animated Button
Кнопка с анимацией успешной отправки данных. Анимация реализована с помощью JavaScript.
Button with animation of successful sending of data. The animation is implemented using JavaScript.
#button #javascript
Animated Tab Bar v.2
Анимированная панель вкладок. Анимация реализована с помощью JavaScript.
Animated tab bar. The animation is implemented using JavaScript.
#tabbar #javascript
Space globe - Three.js
Космический глобус, анимированный с помощью ThreeJS. Также использованы библиотеки OrbitControlsJS и SimplexNoiseJS.
Space globe animated with ThreeJS. Also used libraries OrbitControlsJS and SimplexNoiseJS.
#animation #treejs #OrbitControlsJS #SimplexNoiseJS
Photo Tear
Эффект рваной фотографии при проведении вниз зажатой левой кнопки мыши. Реализован с помощью CSS и JavaScript.
The effect of a torn photo when holding down the left mouse button. Implemented with CSS and JavaScript.
#Photo #CSS #JavaScript
Keyboard Hero
Клавиатурный тренажёр для обучения слепой печати. Реализован с помощью HTML, CSS и JavaScript.
Keyboard simulator for teaching touch typing. Implemented with HTML, CSS and JavaScript.
#Keyboardsimulator #CSS #JavaScript
Creativity Now
3D-искусство, созданное на Blender. При клике на любом месте меняется оформление. Анимация реализована с помощью Tree.js.
3D art created with Blender. When you click on any place, the design changes. The animation is implemented using Tree.js.
#Creativity #3D #Blender #Treejs
Text Morph
Автор умело использует фильтры SVG для создания эффекта «морфинга текста». Анимация реализована с помощью JavaScript.
The author skillfully uses SVG filters to create a "text morphing" effect. The animation is implemented using JavaScript.
#TextMorph #css #javascript
Neumorphic Elements
Стильные и современные неоморфные элементы пользовательского интерфейса с применением CSS и JavaScript.
Stylish and modern neumorphic user interface elements using CSS and JavaScript.
#neumorphic #css #javascript
CSS Card Hover Effects
Эффект раскрытия контента карты при наведении на чистом CSS.
The effect of revealing map content on hover in pure CSS.
#card #hover #css
CSS Goey footer
Крутой футер в виде анимации капель, стекающих вверх на чистом CSS.
Cool footer with animation of drops flowing upwards in pure CSS.
#gooey #footer #css
CSS Typing Effect
Анимация набора текста, реализованная на чистом CSS.
Typing animation implemented in pure CSS.
#typing #animation #css
