↧
Fun with background-blend-modes, filters, and hovers
See the Code - See it Full Page - See Details
View ArticleSVG 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 ArticleResponsive 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 ArticleResponsive SVG Hexagon Mask with Faux Border
See the Code - See it Full Page - See Details
View ArticleDifferent 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 ArticleRandomized Animated Hexagons
See the Code - See it Full Page - See Details Randomize SVG paths to add a "glowing" animation
View ArticleGSAP trick - Orbital Motion
See the Code - See it Full Page - See Details GSAP trick - Perfect Circle Bezier Tween
View Article