Ads 468 X 60

CSS3 Image Hover Effects Pure CSS

CSS – CSS3 Image Hover Effects – Pure CSS | CodeCanyon


CSS3 Image Hover Effects Pure CSS his title this type of CSS/AnimationsandEffects This time I will review,made by Wootimes, CSS/AnimationsandEffects is sold at a price of $2 in themeforest.

CSS3 Image Hover Effects - Pure CSS - CodeCanyon Item for Sale



marketplace.load(“http://jwpsrv.com/library/9Vqd1GQnEeKMjiIACp8kUw.js”); marketplace.queue(function(){ new marketplace.Video({ file: “http://2.s3.envato.com/h264-video-previews/459c3096-535b-11e3-b331-005056923f81/6213933.mp4″, poster: “http://0.s3.envato.com/files/73808993/inline-preview-image.jpg”, title: “CSS3 Image Hover Effects – Pure CSS”, height: “540″, width: “960″, embed_url: “http://codecanyon.net/item/css3-image-hover-effects-pure-css/embed/6213933″, isMainPreview: false, downloadButtonImage: “http://3.envato-static.com/assets/common/icons-buttons/jwplayer/download-eb5728b2b4151e6add30ad99706fbd81.png” }).setup(); });



content hover // css3 hover // hover effects // image hover // layer hover // text hover //




























Created24 November 13
Last Update24 November 13
Compatible BrowsersIE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome
Software VersionCSS3
High ResolutionNo
Files IncludedHTML, CSS




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”



Related produck This user:Wootimes


Pure CSS Image Accordion vertical - CodeCanyon Item for Sale Pure CSS Image Accordion horizontal - CodeCanyon Item for Sale CSS3 Scrollbar Styles - CodeCanyon Item for Sale CSS Tooltip with CSS3 Animation - CodeCanyon Item for Sale Social CSS Buttons with Tooltip - CodeCanyon Item for Sale Page Scrolling - Scroll to Top / Bottom - CodeCanyon Item for Sale Social Sidebar - CSS Social Bar with Icons - CodeCanyon Item for Sale


More items by Wootimes



0 comments:

Post a Comment