# codrops/DirectionAwareHoverEffect

<https://repo.masters-masters.com/en/repos/codrops/DirectionAwareHoverEffect>

[Home](https://repo.masters-masters.com/en) › [codrops](https://repo.masters-masters.com/en/owners/codrops) › [DirectionAwareHoverEffect](https://repo.masters-masters.com/en/repos/codrops/DirectionAwareHoverEffect)

codrops/DirectionAwareHoverEffect has 391 stars on GitHub. Its RepoMasters card: Alpha tier. How to create a direction-aware hover effect using CSS3 and…

| Field | Value |
| --- | --- |
| Owner | [codrops](https://repo.masters-masters.com/en/owners/codrops) |
| Stars | 391 |
| Forks | 113 |
| Language | [HTML](https://repo.masters-masters.com/en/languages/html) |
| License | None |
| Created | 2012 |
| Tier | [Alpha (250 to 699 ★)](https://repo.masters-masters.com/en/ranks/b_movie) |
| View on GitHub | [codrops/DirectionAwareHoverEffect](https://github.com/codrops/DirectionAwareHoverEffect) |

## Repository

How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse.

The tier for repos with 250 to 699 ★. Published odds per card pulled: 20%. Rarity: Uncommon.

## More repos by codrops

- [codrops/PageTransitions · ★ 2,315 · CSS · RC](https://repo.masters-masters.com/en/repos/codrops/PageTransitions)
- [codrops/RainEffect · ★ 1,785 · JavaScript · Beta](https://repo.masters-masters.com/en/repos/codrops/RainEffect)
- [codrops/SidebarTransitions · ★ 1,651 · CSS · Beta](https://repo.masters-masters.com/en/repos/codrops/SidebarTransitions)
- [codrops/HoverEffectIdeas · ★ 1,643 · CSS · Beta](https://repo.masters-masters.com/en/repos/codrops/HoverEffectIdeas)
- [codrops/Animocons · ★ 1,548 · JavaScript · Beta](https://repo.masters-masters.com/en/repos/codrops/Animocons)
- [codrops/ParticleEffectsButtons · ★ 1,264 · JavaScript · Beta](https://repo.masters-masters.com/en/repos/codrops/ParticleEffectsButtons)

## Nearby in HTML

- [0x1iii1ii/PPPwn-Luckfox · ★ 391 · HTML · Alpha](https://repo.masters-masters.com/en/repos/0x1iii1ii/PPPwn-Luckfox)
- [jackw01/scanlight · ★ 391 · HTML · Alpha](https://repo.masters-masters.com/en/repos/jackw01/scanlight)
- [IMGZCQ/Fndesk · ★ 391 · HTML · Alpha](https://repo.masters-masters.com/en/repos/IMGZCQ/Fndesk)
- [freebsd/freebsd-doc · ★ 391 · HTML · Alpha](https://repo.masters-masters.com/en/repos/freebsd/freebsd-doc)
- [nasa/instructions · ★ 391 · HTML · Alpha](https://repo.masters-masters.com/en/repos/nasa/instructions)
- [hundredrabbits/100r.co · ★ 391 · HTML · Alpha](https://repo.masters-masters.com/en/repos/hundredrabbits/100r.co)

---
Data: GitHub · Illustration drawn by RepoMasters from the repo’s ID and its language color.