JavaScript | Simple Pulsing Image Hover Effect (HTML, CSS) ...

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: 518

JavaScript | Portfolio Items CSS3 transitions effects () ...

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: ..

Views: 387

JavaScript | Split Image On Hover (Pug, Sass) ...

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: 427

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

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: 418

JavaScript | Zoom iMage with scale (HTML, CSS) ...

Zoom iMage with scale (HTML, CSS)

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

Views: 200

JavaScript | CSS Gradient Hover Effect (HTML, SCSS) ...

CSS Gradient Hover Effect (HTML, SCSS)

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

Views: 575

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

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

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

Views: 320

JavaScript | Perspective Tilty Images (Pug, SCSS) ...

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: 358

JavaScript | Glitch Effect on Hover (HTML, SCSS) ...

Glitch Effect on Hover (HTML, SCSS)

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

Views: 224

JavaScript | Image Hover Effect 1 (HTML, SCSS) ...

Image Hover Effect 1 (HTML, SCSS)

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

Views: 245

JavaScript | Kitties! (hover images) (Pug, SCSS) ...

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 ..

Views: 486

JavaScript | Photo Modal (CSS Only) (HTML, SCSS, JS) ...

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: 453

JavaScript | Sliced Image (HTML, SCSS) ...

Sliced Image (HTML, SCSS)

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

Views: 619

JavaScript | CSS Anime Effect: Demon Slayer (Pug, SCSS) ...

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: 320

JavaScript | image selector with reflection (HTML, CSS) ...

image selector with reflection (HTML, CSS)

Using a radio buttons to select an image with some styling. Not yet optimized for mobile friendly viewing. ..

Views: 168

JavaScript | Image Hover - CSS (filters & Transitions) (HTML, SCSS) ...

Image Hover - CSS (filters & Transitions) (HTML, SCSS)

Image presentation on hove using only CSS by taking advantage of transforms, filters, positioning and pseudo-elements ..

Views: 220

JavaScript | CPC · Image hover · 01 (HTML, SCSS) ...

CPC · Image hover · 01 (HTML, SCSS)

CPC · Image hover ..

Views: 466

JavaScript | CodePen Home 3D image hover CSS (HTML, CSS) ...

CodePen Home 3D image hover CSS (HTML, CSS)

3D Image Hover CSS ..

Views: 544

JavaScript | CSS Clip-Path Hover Effect (Pug, CSS) ...

CSS Clip-Path Hover Effect (Pug, CSS)

Created for the Image Hovers CodePen Challenge. ..

Views: 376

JavaScript | Sea Waves script (HTML, CSS, Babel) ...

Sea Waves script (HTML, CSS, Babel)

Best viewed in Chrome! Firefox doesn't work unfortunately due to a known issue. Abstract sea waves. Made by animating lots and lots of circles that animate using sinus and cosinus values! ..

Views: 558

« Back 1 2 3 Next»