- Atlanta
-
12:18
(UTC -04:00) - thounny.com
- in/thounny
- https://dev.to/thounny
- channel/UCTPSmsWGmrVXjVXD2DPXoUQ
- https://thounny.substack.com/
Stars
Some inspiration for playful typographical effects and hover interactions on letters.
Some shape morphing hover effects on images using SVG clipPath.
Some inspiration for effects on image grids. The ideas include animations on the opening grid item, the disappearance of the grid and the resulting view.
An easy to setup and (almost) fully customizable command line style CV theme for HUGO
An experimental template with an interactive old school record player powered by the [Web Audio API](https://www.w3.org/TR/webaudio/).
A Masonry-powered grid layout with a motion hover effect on the grid items and a scrollable content view
On-scroll animations for perspective image grids with different layouts.
An exploration of modern, line-style sound visualization powered by p5js and its p5.sound library.
A gooey text hover effect using SVG filters
Some experiments with the new staggering system of Anime.js
Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.
Visual feedback for password strength on an image based on Colibro's sign up form.
A little grid interaction effect where adjoining items make way to a selected one that expands.
Various effects for images when scrolling a page with a grid.
A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.
Experimental reveal animations on typographic elements
A set of grid-to-fullscreen animations with three.js
Anubis2 is a simple but elegant theme for Hugo blog engine
A couple of styles and inspiration for responsive, flexbox-based HTML pricing tables.
simple image slideshow with a motion reveal effect and a fullscreen details view.
A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.
An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.
A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments.
Demos for the tutorial on how to deform and color spheres in Three.js.
Some menu styles and ideas for decorative link distortion effects using SVG filters.
A recreation of the marquee menu hover effect seen on the website of K72 made by Locomotive.