Codrops logo
  • Playground
  • Tutorials
  • Sketches
  • Articles
  • Collective
  • CSS Reference
Search icon

hoverinspirationnavigationsvg

Arrow Navigation Styles

May 28, 2014 by Manoela Ilic

Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects.

+ more
inspirationpage-transition

Inspiration for Article Intro Effects

May 22, 2014 by Manoela Ilic

Some inspiration for effects applied to title headers of articles with a fullscreen image. The idea is to show some creative transition when continuing to the article body.

+ more
badgefreebielogovector

Freebie: 32 Hipster Badges (AI, EPS, PNG)

May 16, 2014 by Eezy Inc.

A set of 32 Hipster badges designed by Vecteezy. The überfashionable badges come in different file formats, including PNG and vector with editable fonts.

+ more
gridinspirationmasonry

Recreating the “Design Samsung” Grid Loading Effect

May 15, 2014 by Manoela Ilic

A tutorial on how to achieve the grid loading effect seen on the “Design Samsung” site. The effect will show a colored element sliding in first and then sliding out again, revealing the image.

+ more
buttoninspirationmodalmorphingoverlay

Morphing Buttons Concept

May 12, 2014 by Manoela Ilic

Some inspiration for a morphing button concept where the action element (button) morphs into a component. The examples show different types of components, i.e. fullscreen overlay, modal window, sidebar and more.

+ more
Readymag
Design and publish outstanding websites with Readymag. Enjoy no layout limitations and complex animations done in a few clicks.
Try for free.
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Collective
  • Blueprints
  • CSS Reference
  • Freebies
  • About
  • Contact
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • Subscribe
  • Twitter
  • Mastodon
  • Instagram
  • GitHub
  • RSS Feed
  • Content delivered by
  • © Codrops 2023