SairProgramming
前往频道在 Telegram
Welcome to our Frontend channel! We share animations created with HTML, CSS, and JS. Join us for discussions on frameworks, libraries, and technologies! Group for questions https://t.me/+K3lWCAL21cE2MzFi Buy ads @abduvoxit260803
显示更多未指定国家技术与应用15 611
6 210
订阅者
无数据24 小时
-87 天
-2130 天
帖子存档
6 210
Bouncy Star Rating
Each star is a radio button. When clicked, CSS animations are launched.
SairProgramming
#html #css #js #star
6 210
Projections
In JS, the values of CSS variables are changed, which are used to create the drop-shadow effect.
SairProgramming
#html #css #js #text
6 210
Text Fade In
Styled and animated in HTML and SCSS. When scrolling, certain CSS classes are activated via JS.
SairProgramming
#html #css #js #text
6 210
Slider boomerang effect
An unusual slider that can be scrolled using buttons or the mouse wheel.
SairProgramming
#html #css #js #slider
6 210
Encrypted Password Reveal
The layout is implemented in HTML and CSS. Animated by gsap library.
SairProgramming
#html #css #js #password
6 210
3d slider
The 3D effect is created using CSS transform. Automatic scrolling is implemented in JS.
SairProgramming
#html #css #js #slider
6 210
CSS Night Train Ride Animation
Created using Pug and SCSS preprocessors.
SairProgramming
#html #css #js #train
6 210
CSS Media Cards
Several cards created in React and animated using the gsap library.
SairProgramming
#html #css #js #card
6 210
Liquid Distortion Effect
Created and animated on canvas and pure JS using WebGL capabilities.
SairProgramming
#html #css #js #img
6 210
Play button
This is an SVG image animated in CSS. JS has created the logic for changing styles on hover.
SairProgramming
#html #css #js #play #button
6 210
Starry Campsite
The entire scene is implemented using the capabilities of Pug and SCSS preprocessors.
SairProgramming
#html #css #js #background
6 210
WebGL liquid masking
Created on canvas using WebGL technology.
SairProgramming
#html #css #js #background
6 210
Color Gradient Feature Table
This table is implemented using Pug and CSS. The settings are tied to CSS variables, the values of which are changed in JS.
SairProgramming
#html #css #js #color
6 210
Bubbles
The bubbles are generated in JS and then styled and animated in CSS.
SairProgramming
#html #css #js #bubbles
6 210
Responsive Scroll-Driven Text Reveals
The text fills in as you scroll the page. Created without using JS.
SairProgramming
#html #css #js #text
6 210
Cube Effect Slider
The cube was made using the Swiper library. Background particles are generated by the tsparticles library.
SairProgramming
#html #css #js #slider
6 210
Dropping Radio Buttons
Designed in HTML and CSS. Animated in JS.
SairProgramming
#html #css #js #toggle
6 210
Leap Frog Likes
These are several svg images that are animated in CSS.
SairProgramming
#html #css #js #like
6 210
CSS Scroll-Driven Glow Cards
The animation is implemented using gsap. The launch is carried out by the ScrollTrigger plugin.
SairProgramming
#html #css #js #scroll
