↧
Image may be NSFW.
Clik here to view.
Clik here to view.
Fun with background-blend-modes, filters, and hovers
See the Code - See it Full Page - See Details
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
SVG hexagon mask
See the Code - See it Full Page - See Details A class that adds a hexagon-shaped SVG mask over square images. I used it in the Distill conference website http://distill.engineyard.com/archive#home so...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Responsive SVG Clip-Path
See the Code - See it Full Page - See Details SVG's are powerful for clip-paths, and creating some unique shapes with low-overhead.
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Responsive SVG Hexagon Mask with Faux Border
See the Code - See it Full Page - See Details
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Different Styled Heaxgon SVGs with CSS
See the Code - See it Full Page - See Details Showing that you can use the same SVG and apply different styles and animations
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Randomized Animated Hexagons
See the Code - See it Full Page - See Details Randomize SVG paths to add a "glowing" animation
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
GSAP trick - Orbital Motion
See the Code - See it Full Page - See Details GSAP trick - Perfect Circle Bezier Tween
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Image may be NSFW.
Clik here to view.
Clik here to view.
Image may be NSFW.
Clik here to view.
Clik here to view.