css-effects

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 tricks for web developers~

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.

Liquid Navigation Menu Indicator Using HTML CSS & JavaScript

Build Amazing Animations/Effects With Advance CSS 💙

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

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

HTML, CSS and Javascript tips.

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

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.

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

Text Over Image Webpage Using HTML and CSS

Brainwave - Modern UI/UX website, developed using React.js and Tailwind CSS, exemplifies modern UI/UX principles.

A cool animation effect for Dropdown menus

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.

Login form design with glassmorphism effects made with HTML and CSS. See tutorial https://bit.ly/3lbcfep

Rainbow Text Selection - simple CSS demo

This project showcases a hologram effect applied to an image of the Millennium Falcon. The effect is achieved using CSS techniques.

Image Hover Effect

Creative text animation CSS effect by TechGirlDiaries.