CSS Zoom | Bypeople

deals

premiumpacks & css zoom (14 items)

A selection of cool snippets and web tools that help you with zooming effects for your images and backgrounds.

freebies

An awesome snippet by Codepen user Dima, which allows you to loop a Ken Burns zooming and panning effect on your site's background image, achieving...

An awesome snippet by Codepen user Dima, which allows you to loop a Ken Burns zooming and panning effect on your site's background image, achieving stunning results! This snippet is made purely in CSS.

A set of images that will enlarge without losing any quality when clicked. It works with HTML, CSS (SCSS to be precise) and jQuery. The pen was cre...

A set of images that will enlarge without losing any quality when clicked. It works with HTML, CSS (SCSS to be precise) and jQuery. The pen was created by user Philip M, and you can use it personally and commercially.

An elegant plugin made in pure JavaScript and CSS to add zooming functionality to images. It reproduces the same code Medium that it uses to achiev...

An elegant plugin made in pure JavaScript and CSS to add zooming functionality to images. It reproduces the same code Medium that it uses to achieve the transition effect when you click over the images. However, it works on mobile devices, and it's really simple.

A complete watercolor pack with the trendiest designs and assets, including textured backgrounds, shapes, stylish wedding flowers, plants and gree...

A complete watercolor pack with the trendiest designs and assets, including textured backgrounds, shapes, stylish wedding flowers, plants and greenery, gems, crystals and minerals, plant vector line art, decorative horns, antlers and arrows, and much more! Only $14!

A snippet created with AngularJS, CSS and HTML to animate a mobile music player user interface. It is really simple, allowing you to zoom in and ou...

A snippet created with AngularJS, CSS and HTML to animate a mobile music player user interface. It is really simple, allowing you to zoom in and out, but you can implement more features just by adding a few lines. It uses GSAP TimelineLite to demonstrate how animation timelines can build complex transitions. It was created by Thomas Burleson.

A cool effect for zooming content, especially when it's in a gallery. The magic of this snippet relies in its smooth hover effect, which lets the h...

A cool effect for zooming content, especially when it's in a gallery. The magic of this snippet relies in its smooth hover effect, which lets the hovered image flow through the container (thanks to the movement of the mouse). This is an easy to use snippet, made with CSS and JavaScript by Codepen's user Marco Barría.

Here we have an image zoom effect, showing a huge image, covering all of the background's space: when you scroll, you'll get the image of an iMac a...

Here we have an image zoom effect, showing a huge image, covering all of the background's space: when you scroll, you'll get the image of an iMac appearing, with a little caption below it. This design can be used to show product images or photographs in a compelling and different way. This experiment was created by Koy Carraway, who made the mockup of the iMac, and coded by Marius Balaj. It was uploaded to Codepen.

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for ma...

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for making logos and branding projects, stationery, apparel design, and much more! Only $29!

Animsition is a jQuery plugin that helps you create animated transitions with CSS counting on 18 different animations based on effects like fade, r...

Animsition is a jQuery plugin that helps you create animated transitions with CSS counting on 18 different animations based on effects like fade, rotate, flip, zoom, and overlay.

Grab this code to create an awesome magnifying glass to detail images.

Grab this code to create an awesome magnifying glass to detail images.

Zoom into another image size on hover of original image.

Zoom into another image size on hover of original image.

1059 UHD Backgrounds & Textures, Only $19! Ai & EPS Vector Formats, Transparent PNGs. Ultra HD Resolutions!

1059 UHD Backgrounds & Textures, Only $19! Ai & EPS Vector Formats, Transparent PNGs. Ultra HD Resolutions!

This is a simple little plugin that I made, based off this walkthrough from TCP. I also wrote an entire article on it. Feel free to use it, and sha...

This is a simple little plugin that I made, based off this walkthrough from TCP. I also wrote an entire article on it. Feel free to use it, and share any improvements that you make.

A magnifying glass for image zoom using Jquery and CSS3.

A magnifying glass for image zoom using Jquery and CSS3.

This code snippet allows you to show an image and then review it in detail by providing zoom and pan navigation when hovering over it. Once the eff...

This code snippet allows you to show an image and then review it in detail by providing zoom and pan navigation when hovering over it. Once the effect is active, a set of arrows let you move through the magnified picture. It uses mostly CSS with a bit of jQuery.

195 Vector T-Shirt Designs, Only $19! Editable Texts, Ai, EPS, PSD, SVG Vector File Formats, Extended License!

195 Vector T-Shirt Designs, Only $19! Editable Texts, Ai, EPS, PSD, SVG Vector File Formats, Extended License!

A nice set of circular elements that react to the users actions when they hover and click on them. When hovering over the circles, they grow a litt...

A nice set of circular elements that react to the users actions when they hover and click on them. When hovering over the circles, they grow a little larger, but when clicking on them they become substantially larger. Both effects disappear when pointing away with the mouse.

You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a jQuery plugin that does it.

You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a jQuery plugin that does it.