Мы раскрываем скрытые механизмы ядра через наглядные шпаргалки и яркую визуальную графику, детально разбираем малоизвестные команды и скрипты.
Экспресс-гайды, которые экономят часы поиска: www.tg-me.com/linuxacademiya
Please open Telegram to view this post
VIEW IN TELEGRAM
CSS-only Custom range slider - Интересный слайдер с динамичным отображением. Сделан на чистом CSS.
https://codepen.io/t_afif/pen/JjqNEbZ
Codepen Amazing
https://codepen.io/t_afif/pen/JjqNEbZ
Codepen Amazing
3D wave animation - Анимированная галерея с эффектом волны. Сделана на чистом CSS.
https://codepen.io/HighFlyer/pen/GRLZYKw
Codepen Amazing
https://codepen.io/HighFlyer/pen/GRLZYKw
Codepen Amazing
Face Toggle - Интересный дизайн переключателя. Сделаны на SCSS и JavaScript.
https://codepen.io/Pedro-Ondiviela/pen/vYwpopr
Codepen Amazing
https://codepen.io/Pedro-Ondiviela/pen/vYwpopr
Codepen Amazing
Playbook CSS scroll animation w/ subgrid - Сцена с интересной реализацией анимированного скролла. Сделана на Svg, CSS и JavaScript.
https://codepen.io/jh3y/pen/VYZwOwd
Codepen Amazing
https://codepen.io/jh3y/pen/VYZwOwd
Codepen Amazing
Idea Form - Анимированная форма для ввода с появлением при нажатии. Сделана на SCSS и TypeScript.
https://codepen.io/jkantner/pen/KKjowmN
Codepen Amazing
https://codepen.io/jkantner/pen/KKjowmN
Codepen Amazing
Signature animation - Поле для ввода подписи с интересной анимацией. Сделана на SVG, CSS и JavaScript.
https://codepen.io/kiranpate1/pen/ExBpaeW
Codepen Amazing
https://codepen.io/kiranpate1/pen/ExBpaeW
Codepen Amazing
Fluid Simulation - Сцена с интересной симуляцией жидкости с текстом. Сделана на CSS и JavaScript.
https://codepen.io/ksenia-k/pen/MWMObrY
Codepen Amazing
https://codepen.io/ksenia-k/pen/MWMObrY
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Gooey SVG Filter Button - Анимированная кнопка с эффектом при наведении. Сделана на SVG, CSS и JavaScript
https://codepen.io/simeydotme/pen/pomRJeE
Codepen Amazing
https://codepen.io/simeydotme/pen/pomRJeE
Codepen Amazing
Button with tooltip hover timing feedback - Панель плеера с подсказками при наведении. Сделана на SVG и CSS.
https://codepen.io/argyleink/pen/bGPaxVp
Codepen Amazing
https://codepen.io/argyleink/pen/bGPaxVp
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Broken Glass Effect - Сцена с эффектом сломанного стекла в месте клика. Сделана на CSS и JavaScript.
https://codepen.io/ksenia-k/pen/abegNPO
Codepen Amazing
https://codepen.io/ksenia-k/pen/abegNPO
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Shiny call-to-action button - Анимированная кнопка с эффектом при наведении. Сделана на чистом CSS.
https://codepen.io/hexagoncircle/pen/MWMqXbK
Codepen Amazing
https://codepen.io/hexagoncircle/pen/MWMqXbK
Codepen Amazing
Multiple Glow effects Button - Анимированная кнопка с различными эффектами свечения. Сделана на CSS, Svg и JavaScript.
https://codepen.io/simeydotme/pen/BaeZJqd
Codepen Amazing
https://codepen.io/simeydotme/pen/BaeZJqd
Codepen Amazing
Dropdown Menu Effects - Анимированное выпадающее меню с переливающимся эффектом. Сделано на SCSS и TypeScript.
https://codepen.io/jkantner/pen/YzbwqZN
Codepen Amazing
https://codepen.io/jkantner/pen/YzbwqZN
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Text-Animation-test - Простая сцена с анимированным текстом. Сделан на чистом CSS.
https://codepen.io/Metty/pen/yLrZxER
Codepen Amazing
https://codepen.io/Metty/pen/yLrZxER
Codepen Amazing
Underwater Background #2 - Анимированный фон страницы. Сделан на SVG и CSS.
https://codepen.io/wakana-k/pen/KKYmxYq
Codepen Amazing
https://codepen.io/wakana-k/pen/KKYmxYq
Codepen Amazing
Sticky Slider - Слайдер с карточками и анимированными кнопками. Сделан на чистом CSS.
https://codepen.io/mobalti/pen/xxopyQO
Codepen Amazing
https://codepen.io/mobalti/pen/xxopyQO
Codepen Amazing