CSS3 Image Hover Effects - Pure CSS (Animations and Effects)

Purchase $2.00

Updates

03.12.2013 > Bugfix on CSS/HTML

CSS Hover Effects for Images

Easy to use the beautiful Image Hover Effects for their own website.
Simply insert into the existing CSS file and enjoy the new Image Hover Effects.

Features

• Pure CSS


• Without JavaScript or jQuery


• More than 40 Hover Effects


• It works standalone

Effects

• Zoom In & Zoom Out


• Rotate Right & Left


• Origin


• Square & Ellipse


• Square & Round


• Layer-Background-Change


• Rotate & Scale


• Rotate-x / -y / -z


• 3D Image Change


• Sharp to Blur


• Color to Grayscale


• Inner Shadow


• Image Opacity


• Image Roll


• Image Shadow


• Layer Hover


• Layer-Image Hover


• Layer-Text Hover


• Layer-Slide


• Layer & Title Slide


• Layer-Panel Hover


• Layer Content Hover

Attention – Browser-Support

• IE9 does not support transition-effect


• IE7 and IE8 does not support border-radius, box shadow, transition-effect


• ... more browser compatibility informations, look at the “Compatibility Screenshot”

CSS3 - ZSquare Animated Web Profile (Animations and Effects)

Purchase $4.00

An animated web profile with smooth animations to showcase yourself on the web, developed only with CSS2, CSS3 & HTML (No Java Script!).

This package is pre-designed for photographer profile, it can be used for web designers, web developers or any other services.

Features:

• Profile Image
• About me
• Services
• Gallery
• Contact me (with contact form & Google map)

Please note that IE doesn’t support some CSS3 attributes.

CSS3 Shadow Hover Effects (Animations and Effects)

Purchase $2.00

CSS Shadow Hover Effects for Images

Easy to use the beautiful Shadow Hover Effects for their own website.
Simply insert into the existing CSS file and enjoy the new Shadow Hover Effects.

Features

• No Images


• Pure CSS


• Without JavaScript or jQuery


• 17 Shadow Hover Effects


• It works standalone

Attention – Browser-Support

• Information about browser compatibility, look at the “Compatibility Screenshot”

CSS3 Image Hover Effects - Pure CSS (Animations and Effects)

Purchase $2.00

Updates

03.12.2013 > Bugfix on CSS/HTML

CSS Hover Effects for Images

Easy to use the beautiful Image Hover Effects for their own website.
Simply insert into the existing CSS file and enjoy the new Image Hover Effects.

Features

• Pure CSS


• Without JavaScript or jQuery


• More than 40 Hover Effects


• It works standalone

Effects

• Zoom In & Zoom Out


• Rotate Right & Left


• Origin


• Square & Ellipse


• Square & Round


• Layer-Background-Change


• Rotate & Scale


• Rotate-x / -y / -z


• 3D Image Change


• Sharp to Blur


• Color to Grayscale


• Inner Shadow


• Image Opacity


• Image Roll


• Image Shadow


• Layer Hover


• Layer-Image Hover


• Layer-Text Hover


• Layer-Slide


• Layer & Title Slide


• Layer-Panel Hover


• Layer Content Hover

Attention – Browser-Support

• IE9 does not support transition-effect


• IE7 and IE8 does not support border-radius, box shadow, transition-effect


• ... more browser compatibility informations, look at the “Compatibility Screenshot”

Pure CSS Image Accordion vertical (Animations and Effects)

Purchase $4.00

Image Accordion vertical without Javascript

Easy to use the beautiful Image Accordion vertical for their own website.
Simply insert into the existing CSS file and enjoy the new Image Accordion vertical.

Features

• Pure CSS


• Without JavaScript or jQuery


• Easy to use and customize


• It works standalone

Attention – Browser-Support

• IE9 does not support transition-effect


• IE7 and IE8 does not support box shadow, transition-effect

CSS3 Progressbars (Animations and Effects)

Purchase $2.00

CSS3 Progressbars

Beautiful and clean piece of pure CSS3. No JavaScript needed!

• 9 basic colors
• Utlimited color combinations thanks to the transparent patterns
• Pure CSS3 animations
• Custom width
• Easy to make captions
• Easy progressbar deactivation
• Documentation included

Image Hover Effects (Animations and Effects)

Purchase $3.00

A collection of beautiful, pure CSS effects that will help you giving a special touch to your photos in few seconds.

Features

• 13 different effects, 2 different thumbnail ratios (rectangle and square)
  
  
  
  
  • zoom-in
  
  
  • zoom-out
  
  
  • rotate
  
  
  • move-x
  
  
  • move-y
  
  
  • round
  
  
  • focus
  
  
  • sepia
  
  
  • blackwhite
  
  
  • brightened
  
  
  • saturated
  
  
  • inverted
  
  
  • blurred
    
  
  
  
  
  


• Work in all major browsers

() Some webkit effects (sepia, blur, invert, saturation) work on webkit browsers only.

To be sure, check the top 5 browsers and the CSS filter compatibility table.

Check out the video preview

3D Text Effect - CSS3 (Animations and Effects)

Purchase $2.00

3D Text Effect – CSS3

Making such effect in CSS was never as simple as this. just write a class of the required effect to the text… That’s it!
Features:

• Drop the shadow right or left


• 4 class are available according to the font size (200px, 150px, 100px, 50px)

How it works?

CSS3 Product-Folio with Image Mapping (Animations and Effects)

Purchase $4.00

CSS3 Product-Folio is a clean and elegant way to highlight your products. It comes with seven different showcase effects and image mapping option together with two color schemes – light and dark.

Features

• Smooth CSS3 Effects


• Clean Code


• Well Documented


• Two Coloe Schemes – Light and Dark


• Four-Direction Pop-ups for Image Mapping


• Five Icons for Image Mapping Selection


• Seven Different Transitions for Product Showcase

Compatible Browsers

• Internet Explorer 9+


• Firefox


• Safari


• Opera


• Chrome






If you like this, please rate…

CSS Tooltip with CSS3 Animation (Animations and Effects)

Purchase $3.00

CSS Tooltip with CSS3 Animation

The pure CSS Tooltip with CSS3 Animation Effects

Easy to use the beautiful and colorful CSS Tooltip for their own website.
Simply insert into the existing CSS file and enjoy the new CSS Tooltip.
Created with rounded corner, box-shadow and CSS3 animation.

Features

• 11 color variations


• 4 Tooltip styles


• With CSS3 Animation Effects (fadein, bounce, rotate, flip)


• With optional Title and Icon


• Easy to change color-set – simply change the class


• Open Tooltip an 8 positions (topleft, top, topright, left, right, bottomleft, bottom, bottomright)


• It works standalone

Attention – Browser-Support

• IE7 and IE8 does not support rounded corners, box shadow, css animation


• IE9 does not support css animation

CSS3 Member Profiles with Animated Progress Bars (Animations and Effects)

Purchase $3.00

CSS3 Profiles is a clean and elegant way to highlight your team members. It comes with twelve different effects and nine different color schemes. All the effects are completely created with CSS3 and there are no images used for the animations.

Features

• Twelve Styles


• Nine Color Schemes – Blue, Red, Orange, Green, Pink, Purple, Brown, Black/White and Violet


• Progress Bars Included – with hover effect / media querries


• Seven Social Icons Included


• Only CSS3 – No Javascripts involved


• Works in all browsers which supports CSS3


• Google Fonts Enabled

Compatible Browsers

• Internet Explorer 9+


• Firefox


• Safari


• Opera


• Chrome






If you like this, please rate…

CSS3 - ZSquare Animated Web Profile (Animations and Effects)

Purchase $4.00

An animated web profile with smooth animations to showcase yourself on the web, developed only with CSS2, CSS3 & HTML (No Java Script!).

This package is pre-designed for photographer profile, it can be used for web designers, web developers or any other services.

Features:

• Profile Image
• About me
• Services
• Gallery
• Contact me (with contact form & Google map)

Please note that IE doesn’t support some CSS3 attributes.

CSS Responsive Touch-Friendly Gallery with Effects (Animations and Effects)

Purchase $4.00

Details

100% CSS, this thumbnail gallery works great on your computer as on your touch devices. You have many effects to choose from, as the dynamics and colour of the details box to the image’s dynamics and style.
The clean code is easy to modify and comes with a documentation file.

Available description box styles:

• Fade Center


• Fade to Black


• Fade to White


• Black Fade to Zero


• White Fade to Zero


• Slide from Bottom


• Slide from Left


• Slide from Right

Available Image Styles:

• Shrink


• Zoom


• Slide Up


• Slide Down


• Tilt

BONUS styles (available only on computer):

• Blur to Clear


• Clear to Blur


• Desaturate to Color


• Color to Desaturate

NOTE: the images and the demo in the video are not included.

Credits for the photos:
Matthew Simantov
sskennel
KikeXtra
Checo Che
Malkav
Lola núñez
steve.garner32
Renato Ganoza
Jazminator
Firelknot

Feel free to rate it!