hover-effects

There are 3 repositories under hover-effects topic.

• strawdynamics / drift

  Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript.

  driftjavascriptzoom-imageshover-effectshacktoberfest
  Language:JavaScript 1566

• comehope / front-end-daily-challenges

  As of August 2021, 170+ works have been accomplished, challenge yourself each day!

  css3layouteffectbuttonloadercssgsaphtml5animationhover-effectsd3javascriptcss-imagescss-shapescss-animation
  Language:CSS 752

• NigelOToole / direction-reveal

  Detects the direction a user enters or leaves an element allowing you to reveal or hide content based on this direction.

  javascriptrevealhoverhover-effectses6galleryes6-modulessassvanilla-javascriptvanilla-js
  Language:CSS 524

• adeolaadeoti / adeolaadeoti-v2

  The second iteration of my portfolio

  typescriptscssportfolio-websitenextjsreactjslocomotive-scrollframer-motionhover-effectshtml-css-javascriptpersonal-site
  Language:TypeScript 212

• codrops / DistortedLinkEffects

  Some ideas for decorative link distortion effects using SVG filters.

  svg-filterslinkshover-effects
  Language:JavaScript 140

• enjeck / btns

  A collection of buttons with cool hover effects

  buttonsbuttoncsshover-effects
  Language:CSS 122
• Hover3D.js

  Volorf / Hover3D.js

  A cool 3D hover effect for your awesome web project.

  hover-effects3d3d-hoverapple-tv-hover-effecthover-3d3d-hover-effect
  Language:JavaScript 77

• Treast / puffin.js

  A new way to hover images

  imagejavascriptjavascript-libraryhoverhover-effectspuffin
  Language:JavaScript 58

• eliezerpujols / mocassin.css

  Mocassin.css is a responsive collection of hover effects for Captions.

  csshover-effectscaption-effectsanimations
  Language:CSS 49
• link-hover-effects

  jhancock532 / link-hover-effects

  A collection of link hover effects, styled with SCSS.

  csslinkshover-effectshoverscss
  Language:SCSS 25

• templatecookie / blogy-html

  Blogy - Responsive Blog Template with modern blog card and blog details page

  htmlfigmablogfree-templatetemplateopen-sourceopen-source-html-templateblog-templateblog-cardbootstrapbootstrap4categoryfreehover-effectshtml5sliderblog-detailssingle-pageblog-details-page
  Language:HTML 21

• codeaashu / Hover-Effect-On-Icons

  Creating Amazing animated Hover Effect On Icons using HTML & CSS.

  codeaashucss-animationsgithub-pageshoverhover-effecthover-effectshovercsshtml-cssiconssocial-icons
  Language:CSS 20

• shuhart / HoveringCallback

  Drag & drop item decorator for RecyclerView with support for highlighting hovered items.

  recyclerviewrecyclerview-item-animationitemtouchhelperdrag-and-drophover-effectshover
  Language:Java 16

• templatecookie / comforty-html

  Comforty - eCommerce HTML Template with some different type of product card and sliders

  add-to-cartanimationcssecommerceecommerce-websitehtmlhtml5orderanimation-cssbusinessbusiness-templatecheckouthover-effectswishlistorder-listcategoriescategory-commercecheckout-page
  Language:HTML 16

• qarayahya / enable-hover-color

  Add color hover effects to core blocks easily with customizable transitions.

  block-editorgutenberggutenberg-editorgutenberg-pluginhover-effectswordpress-pluginwrodpress
  Language:JavaScript 12

• ArslanAmeer / Ui-Component-Button-Border-360

  A Stylish and Elegant button Hover Effect (360 fill) made with HTML5 & CSS

  html5css3pure-css3uicomponentui-componentbuttoncss-buttonsbutton-animationbutton-csshover-effects
  Language:CSS 11
• dropdown-menu-2

  bedimcode / dropdown-menu-2

  Dropdown Menu HTML CSS | Hover Effects

  dropdown-listdropdown-menushover-effects
  Language:HTML 11

• noeldelgado / demo-direction-aware-hover-effect

  :on:

  hover-effects
  Language:HTML 10

• zkreations / imagehover

  Open source pure CSS hover effect library for images

  cssimage-hover-effectimagesnojshover-effectsimagehover
  Language:SCSS 10

• Linamohamed89 / Cafe-website

  Coffee Shop Landing Page Website Design using Html CSS & Javascript

  bootstrapcsshtml5iconsjavascriptanimation-cssbuttonhover-effects
  Language:CSS 9

• Linamohamed89 / Card-for-Pricing-Plans

  simple Card for Pricing with hovers and icons

  bootstrapcsshtml5iconsbuttonhover-effects
  Language:HTML 9

• AlizayAyesha / CursorMagic

  Custom cursor using jquery https://alizayayesha.github.io/CursorMagic/

  hover-effectshtml-css-javascriptjqueryjquery-ajaxjsmousemovehacktoberfesthacktoberfest-accepted
  Language:CSS 7

• andym80 / Portfolio-AM

  Portfolio : setting up a desktop & mobile version

  css3flexbox-cssflexbox-gridhover-effectshtmlbootstrapjavascript
  Language:JavaScript 7

• DmitriNaumov / hover-menu-with-image-jquery

  Demo

  animationshover-effectsjavascriptjquerymenu
  Language:CSS 7

• dynamicdriverepo / cssbuttonhovereffects

  Eye Catching CSS button hover effects using pseudo elements

  csscss3css3-animationscss-frameworkcssbuttonssubmit-buttonhover-effects
  Language:CSS 7

• SayeedaSaima / Full-Responsive-Multi-Page-Website

  How To Make Website Using HTML & CSS | Full Responsive Multi Page Website Design Step by Step

  background-imagehover-effectsiconsmultipage-websitephptransformtranslate
  Language:HTML 7

• SoorajChandran / image-hover-zoom

  React component for zoom on hover

  reactreactjsreact-componenthover-effectszooming-panning-moving
  Language:JavaScript 7

• Vipin-Goyal / Restaurant-Website

  This is a Restaurant Website by using Reactjs.

  csshover-effectshtmljavascriptmobile-webmobileuserreactjsrenderingrestaurant-websitevscodegit
  Language:JavaScript 7

• knowankit / hoveron

  🎨 A CSS file to animate buttons on hover

  cssanimationsbootstraphoverhover-effects
  Language:CSS 6

• Rajacharles / GSAP-Menu-Hover-Text-Animation

  GSAP Menu Hover Text Animation

  gsapgsap3gsap-scrolltriggermenu-navigationhover-effectscss3-animations
  Language:HTML 6

• Santosh-Baliarsingh / NetFlix_Homepage

  Simple Netflix Landing Page.

  html5css3flexbox-csshover-effects
  Language:CSS 6

• fdhhhdjd / LEAGUE-LEGENDS-WITH-REACT

  React Jsx, Scss,Swiper,hover-effect,...

  hover-effectsreactjsxscss-frameworkswiper
  Language:JavaScript 5

• ishtiaqSamdani / card-hover-animation

  card animation using CSS and simple javascript

  animationhover-effectscss3javascript
  Language:CSS 5

• Linamohamed89 / Linas-Health-Care

  animationbuttoncsshover-effectshtml5javascript
  Language:HTML 5

• NN-Bayat / My-Portfolio__1-7-2025

  { Not my actual portfolio. ]-------------------- A modern and responsive portfolio website crafted with HTML, CSS, and JavaScript. It highlights my skills with smooth CSS animations and a clean, professional design. Fully optimized for all devices, offering an engaging and seamless user experience.

  porfolio-websitehover-effectshtml5-css3javascriptresponsive-layoutanimation-css
  Language:HTML 5

• tanisha03 / react-3d-hover

  Tiny React Package for a smooth 3D Hover

  reactnpm-packagehover-effectsmicrointeractions3d-hovertiny
  Language:JavaScript 5