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.
-
Updated
Oct 28, 2023 - SCSS
#
css-effects
Here are 59 public repositories matching this topic...
Language: All
Filter by language
Sort: Most stars
Sort options
💄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
-
Updated
Jul 28, 2024 - CSS
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
-
Updated
Nov 15, 2025 - CSS
Liquid Navigation Menu Indicator Using HTML CSS & JavaScript
-
Updated
May 24, 2023 - SCSS
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
-
Updated
Apr 12, 2023 - HTML
💄 No Javascript, image hover effects you've always wanted
-
Updated
Jan 7, 2023 - Vue
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
-
Updated
Jun 20, 2025
HTML, CSS and Javascript tips.
-
Updated
Dec 29, 2020 - HTML
This demo shows how to create a nice glossy effect with a combination of CSS3 gradients.
-
Updated
Jul 24, 2017 - CSS
3D button flip effect with CSS.
-
Updated
Aug 15, 2017 - CSS
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.
-
Updated
May 23, 2021 - JavaScript
This demo how shows a notification bar with bouncing effect that is achieved with CSS3 animation.
-
Updated
Jul 24, 2017 - HTML
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
-
Updated
Sep 4, 2024 - JavaScript
Brainwave - Modern UI/UX website, developed using React.js and Tailwind CSS, exemplifies modern UI/UX principles.
react landing-page reactjs web-design ui-components gradients responsive-design portfolio-template css-effects modern-ui frontend-development tailwindcss vite modern-web-app animated-ui react-tailwind parallax-effects modern-ux bento-grid creative-website
-
Updated
Jul 16, 2025 - JavaScript
Login form design with glassmorphism effects made with HTML and CSS. See tutorial https://bit.ly/3lbcfep
css login css3 form login-forms css-effects form-design login-form glassmorphism glassmorphism-html-css glassmorphism-css glassmorphism-ui
-
Updated
Jul 29, 2021 - CSS
A cool animation effect for Dropdown menus
javascript css html front-end css-animations css-transitions css-grid animation-effects html-css beginner beginner-friendly css-only dropdown-menus css-tricks css-effects frontend-mentor css-tips
-
Updated
Sep 12, 2022 - CSS
This project showcases a hologram effect applied to an image of the Millennium Falcon. The effect is achieved using CSS techniques.
-
Updated
Aug 13, 2023 - CSS
Creative text animation CSS effect by TechGirlDiaries.
-
Updated
Nov 10, 2022 - SCSS
Rainbow Text Selection - simple CSS demo
-
Updated
Aug 26, 2025 - CSS
Improve this page
Add a description, image, and links to the css-effects topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the css-effects topic, visit your repo's landing page and select "manage topics."