codrops / ImageToContent

Related projects: ⓘ

• codrops / OnScrollPathAnimations
  Animating SVG paths on smooth scroll.
  ☆91Updated 2 years ago
• codrops / UnrevealEffects
  Some explorations of page transitions using covering elements and CSS clip-paths.
  ☆66Updated last year
• codrops / ScrollPanels
  An exploration of smooth panel scroll effects based on Margot Priolet's website.
  ☆48Updated last year
• codrops / CoverPageTransition
  A cover page transition based on Vitalii Burhonskyi's Dribbble shot.
  ☆66Updated 10 months ago
• codrops / LinesToLayout
  A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
  ☆77Updated 2 years ago
• codrops / MarqueeMenu
  A recreation of the marquee menu hover effect seen on the website of K72 made by Locomotive.
  ☆78Updated 3 years ago
• codrops / ScrollAnimationsGrid
  Various effects for images when scrolling a page with a grid.
  ☆98Updated 2 years ago
• codrops / BackgroundShift
  A background color shift effect using a CSS blend mode and a multi-layer animation.
  ☆50Updated 2 years ago
• codrops / KineticTypePageTransition
  A concept for a kinetic typography based page transition.
  ☆95Updated 2 years ago
• codrops / Theodore
  A little menu effect with an SVG overlay and an infinite background CSS animation.
  ☆83Updated 2 years ago
• codrops / ContentLayoutTransition
  An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
  ☆48Updated 9 months ago
• codrops / ImageStackGrid
  A simple intro animation where an image stack moves to become a grid.
  ☆67Updated 3 years ago
• codrops / OnScrollViewSwitch
  A layout with some scroll animations and a view switch where the content items animate to a grid.
  ☆44Updated last year
• codrops / DoubleSlideshow
  ☆18Updated last year
• codrops / GridLayoutAnimation
  A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
  ☆42Updated 2 years ago
• codrops / ThumbFullTransition
  An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.
  ☆96Updated 3 years ago
• codrops / InlineToMenuLink
  An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
  ☆48Updated 3 years ago
• codrops / SuperfluidLayout
  Experimental reveal animations on typographic elements
  ☆104Updated 2 years ago
• codrops / PixelTransition
  Ideas for pixel page transitions based on an animation by Niccolò Miranda.
  ☆74Updated last year
• codrops / GridToSlider
  Some ideas for grid to slideshow switch animations using GSAP's Flip plugin.
  ☆45Updated last year
• codrops / TextBlockTransitions
  Some inspiration for transitioning text blocks with different word animations.
  ☆77Updated last year
• codrops / GooeyCursor
  A gooey cursor background effect with SVG filters and CSS blend modes.
  ☆80Updated last year
• codrops / PreviewContentTransition
  An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
  ☆85Updated 3 years ago
• codrops / OnScrollFilter
  Combining GSAP's Scroll Trigger and Flip with a SVG Filter, based on a demo by Fabio Ottaviani.
  ☆73Updated last year
• codrops / GlitchPerspective
  A fun hover effect that shows a pixelated image with a glitch animation as seen on buōy's website.
  ☆46Updated 2 years ago
• codrops / 3DLettersMenuHover
  A hover animation for a menu with 3D letters and image effect.
  ☆77Updated 3 years ago
• codrops / RepetitionHoverEffect
  A hover effect with repeated image layers that get scaled up and down.
  ☆43Updated 2 years ago
• codrops / 3DGridContentPreview
  A grid layout with a magnetic hover effect and a content preview animation.
  ☆166Updated last year
• codrops / FullscreenScroll
  A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin.
  ☆125Updated 2 years ago
• codrops / TooltipTransition
  A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image.
  ☆26Updated last year