Search

Nalezeno "Playground": 214

Little Things on My Personal Site


I updated my personal website the other day. Always a fun project since it’s one of the few where it’s 100% just me. It’s my own personal playground with no other goal than making the site represent me to have a little fun. It’s not a complete re-write, just some new paint....

Scroll Animations for Image Grids


Some ideas for scroll animations for image grids powered by Locomotive Scroll. The post Scroll Animations for Image Grids appeared first on Codrops

Diagonal Thumbnail Slideshow Animation


A simple slideshow with tilted thumbnails and large titles that animate when navigating. The post Diagonal Thumbnail Slideshow Animation appeared first on Codrops

Thumbnail to Full Width Image Animation


An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view. The post Thumbnail to Full Width Image Animation appeared first on Codrops

Magnetic Buttons


A small set of magnetic buttons with some fun hover animations. The post Magnetic Buttons appeared first on Codrops

My Long Journey to a Decoupled WordPress Gatsby Site


As a professional research biologist, my playground used to be science laboratories filled with microscopes, petri dishes, and biology tools. Curiosity leads many scientists on their journey to discoveries. Mine led me to web design. I used to try learning HTML on my lab desktop while centrifuging...

Bank of Lithuania's LBCOIN is a 'Playground' for Testing CBDCs


The reverse of the physical coin. While presenting their new digital coin, the first of its kind, the central bank of Lithuania said that this project serves as a type of a testing ground for a possible future central bank digital currency (CBDC). At the press conference Thursday morning, the Bank...

A Glitchy Grid Layout Slideshow


An experimental grid slideshow with a stack-like navigation and glitch effect. The post A Glitchy Grid Layout Slideshow appeared first on Codrops

Morphing Gooey Text Hover Effect


Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne. Morphing Gooey Text Hover Effect was written by Mary Lou and published on Codrops

Rapid Image Layers Animation


A rapid animation of multiple layers of images for intros or page transitions. Rapid Image Layers Animation was written by Mary Lou and published on Codrops

CSS-Only Marquee Effect


A simple CSS-only marquee effect for a menu based on Francesco Zagami's Dribbble shot. CSS-Only Marquee Effect was written by Mary Lou and published on Codrops

Animated Custom Cursor Effects


Some ideas for interactive custom cursor animations using SVG filters. Animated Custom Cursor Effects was written by Mary Lou and published on Codrops

Ideas for Distorted Link Effects on Menus


Some examples of how to use decorative distortion effects on big typography menu links. Ideas for Distorted Link Effects on Menus was written by Mary Lou and published on Codrops

Background Scale Hover Effect with CSS Clip-path


A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path. Background Scale Hover Effect with CSS Clip-path was written by Mary Lou and published on Codrops

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace