css-effects

Star

Here are 59 public repositories matching this topic...

Language:All

Filter by language

All59 CSS29 HTML16 JavaScript5 SCSS5 Vue2 TypeScript1

Sort:Most stars

Sort options

Most stars Fewest stars Most forks Fewest forks Recently updated Least recently updated

IanLunn /Hover

Star29.4k

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

css sass css-effects

UpdatedOct 28, 2023
SCSS

l-hammer /You-need-to-know-css

Star5.4k

💄CSS tricks for web developers~

css css3 css-animations cssnext css-transitions css-properties docsify css-experiment css-snippets css-variables pseudo-elements css-tricks css-effects css-flexbox css-layout css-shapes css-center css-shadow-parts css-scrollbar

UpdatedJul 28, 2024
CSS

yesiamrocks /cssanimation

Star301

Unleash dynamic web experiences with {css}animation. A lightweight, zero-JavaScript CSS animation library for developers and UI ninjas. Get pre-built effects, total control, and fast, modern motion design.

css animation css-animations gsap transition web-animation css3-animations scroll-animations text-animation css-effects css-hover-animation ui-animation css-animation-library animation-classes lightweight-css-animation zero-javascript-animation

UpdatedNov 15, 2025
CSS

bedimcode /liquid-navigation-indicator

Star70

Liquid Navigation Menu Indicator Using HTML CSS & JavaScript

menu-navigation navigation-bar css-effects

UpdatedMay 24, 2023
SCSS

HuXn-WebDev /Advance-CSS-40-Projects

Star69

Build Amazing Animations/Effects With Advance CSS 💙

css html css3 css-animations css-modules css-framework css-in-js css-grid html-css css3-animations html-css-javascript css-effects css-flexbox css-in-js-animation css-projects

UpdatedApr 12, 2023
HTML

turkyden /image-hover

Star51

💄 No Javascript, image hover effects you've always wanted

css image effects hover effect imagehover css-effects

UpdatedJan 7, 2023
Vue

yanglei1826877278 /liquid-glass

Star12

Generate stunning liquid glass effects like iOS 26. Customize Apple-style blur, transparency, and glow – copy the CSS & HTML instantly.

react vue html-css css-generator css-effects glassmorphism glassmorphism-css liquid-glass ios26 liquid-glass-css apple-style

UpdatedJun 20, 2025

mrsidverse /CSS-Effects

Star9

HTML, CSS and Javascript tips.

html css-animations webdevelopment css-tricks css-effects

UpdatedDec 29, 2020
HTML

hongkiat /css3-glossy-effect

Star8

This demo shows how to create a nice glossy effect with a combination of CSS3 gradients.

css3 gradients css-gradients css-effects

UpdatedJul 24, 2017
CSS

hongkiat /3d-button-flip

Star6

3D button flip effect with CSS.

css css-3d-transitions css-effects css-buttons flip-animation animated-buttons

UpdatedAug 15, 2017
CSS

0mppula /CS-GO_weapons

Star4

A simple web application, that lets the user shoot either a single shot or multiple shots with a selected weapon from the game 'Counter-Strike: Global Offensive'. Created with vanilla JavaScript, HTML & CSS.

audio javascript html5 css3 css-animations csgo dom-manipulation css-effects csgo-weapons

UpdatedMay 23, 2021
JavaScript

hongkiat /css3-bounce-effect

Star4

This demo how shows a notification bar with bouncing effect that is achieved with CSS3 animation.

css3 bounce css-effects

UpdatedJul 24, 2017
HTML

isaka-james /torching

Star3

Torching is a web application that enhances image viewing with interactive torchlight effects. When users hover their mouse over images, it simulates a dynamic lighting effect, creating an immersive experience akin to moving a torch over the image.

open-source ui web-development js ux web-design performance-optimization css-effects interactive-design dynamic-lighting-effect