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

hoversvg

Creating a Border Animation Effect with SVG and CSS

Feb 26, 2014 by Manoela Ilic

The website of Carl Philipe Brenner has some very creative and subtle animations and today we want to explore how to recreate a border animation effect using CSS transitions on SVG lines.

+ more
inspirationmenuoverlaysvg

Fullscreen Overlay Effects

Feb 6, 2014 by Manoela Ilic

Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore some effects for fullscreen overlays.

+ 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