CSS Image Effects - Animated CSS Image Author: Bennett Feely (bennettfeely) Created on: March 25, 2020 Made with: Slim, SCSS CSS Pre-processor: SCSS JS Pre-processor: None HTML Pre-processor: Slim ..

Views: 555

Colorful shadows (HTML, CSS, JS)

CSS Image Effects - Colorful shadows Author: Mojtaba Seyedi (seyedi) Created on: March 15, 2020 Made with: HTML, CSS, JS Tags: shadow, image, filter ..

Views: 587

Animated Covers (HTML, CSS, JS)

CSS Image Effects - Animated Covers Author: Mojtaba Seyedi (seyedi) Created on: May 8, 2013 Made with: HTML, CSS, JS ..

Views: 518

Simple Pulsing Image Hover Effect (HTML, CSS)

CSS Image Effects - Simple Pulsing Image Hover Effect Author: Alex Raven (asraven) Created on: January 31, 2016 Made with: HTML, CSS ..

Views: 588

Colored Overlay Using "box-shadow" (HTML, CSS)

CSS Image Effects - Colored Overlay Using "box-shadow" Author: Preethi Sam (rpsthecoder) Created on: July 12, 2016 Made with: HTML, CSS ..

Views: 172

Css Image Hover Effects (HTML, CSS)

CSS Image Effects - Css Image Hover Effects Author: YaroslavW (YaroslavW) Created on: August 28, 2017 Made with: HTML, CSS ..

Views: 613

When Life Gives You Lemons (Pug, Stylus)

Hover animation could be used for links to categories or post types. Also deals with skewing container while keeping background image straight. Take a look! ..

Views: 514

Portfolio Items CSS3 transitions effects ()

CSS Image Effects - Portfolio Items CSS3 transitions effects Portfolio Items CSS3 transitions effects (pure CSS3) Author: foxeisen (fox_hover) Created on: October 13, 2018 Made with: HTML, SCSS Tags: css3, css, hover-effects, portfolio effects ..

Views: 382

Split Image On Hover (Pug, Sass)

CSS Image Effects - Split Image on hover Author: YJ (John_Tsai) Created on: January 2, 2019 Made with: Pug, Sass CSS Pre-processor: Sass JS Pre-processor: None HTML Pre-processor: Pug ..

Views: 422

Image cropped and hover zoom effect (Pug, SCSS, JS)

My image hover effect is a resized and cropped without background size. I used images in html code. It might be an idea for your next gallery! :) ..

Views: 411

Zoom iMage with scale (HTML, CSS)

Author: Omar Dsooky (linux) Created on: August 6, 2017 Made with: HTML, CSS ..

Views: 195

CSS Gradient Hover Effect (HTML, SCSS)

A quick proof of concept for a hover effect utilizing mix-blend-mode and CSS gradients. ..

Views: 565

Image With Reflection And Proximity Effect On Hover (HTML, CSS)

Author: Tiago Alexandre Lopes, Created on: June 2, 2017, Made with: HTML, CSS ..

Views: 316

Perspective Tilty Images (Pug, SCSS)

Just an experiment to get more familiar with transform: matrix3d() in CSS! Feedback welcome, as usual -- I'd love to hear how I can improve this! ..

Views: 354

Glitch Effect on Hover (HTML, SCSS)

Learn how to create the glitch effect with CSS clip-path without JS. ..

Views: 218

Image Hover Effect 1 (HTML, SCSS)

Created on: March 7, 2019, Made with: HTML, SCSS ..

Views: 239

Kitties! (hover images) (Pug, SCSS)

Watch me code this in 10 minutes (you can speed it up if I'm too slow) . No Edge support for pentagons and hover effect (because of clip-path... still looks decent though). If you like this demo in particular and my work in general and you want me to be able to continue putting stuff out, please ..

Views: 479

Photo Modal (CSS Only) (HTML, SCSS, JS)

Asset for upcoming "Uncomfortable Development" talk at CodePen Houston ( July 17 @ 6:30pm ) , adapted from uncomfortable.ellcreative.com https://nvite.com/CodePenHouston/w8eolg ..

Views: 442

Sliced Image (HTML, SCSS)

Created on: September 3, 2019, Made with: HTML, SCSS ..

Views: 614

CSS Anime Effect: Demon Slayer (Pug, SCSS)

Created on: September 24, 2019 Made with: Pug, SCSS, CSS Pre-processor: SCSS, JS Pre-processor: Babel, HTML Pre-processor: Pug ..

Views: 316

« Back 1 2 3 Next»