Post has attachment
Reactive Type On Hover. Different sizes and weights of the face by making individual letters respond to mouse šŸ–±ļø movements. #HTML #CSS
šŸ”— #Codepen https://codepen.io/alexcarpenter/pen/ERXwXL
šŸ”— #FreeFrontend https://freefrontend.com/css-hover-effects/
Animated Photo
Add a comment...

Post has attachment
Zoom on Image
Pretty zoom effect for image in #HTML and #CSS. The use of two different angles of movement for the zoom is what makes this awesome.
šŸ”— https://freefrontend.com/css-image-effects/#image-magnify-zoom-effects
Photo
Add a comment...

Post has attachment
Elastic Input
#HTML and #CSS elastic input.
šŸ”— https://freefrontend.com/css-input-text/
Animated Photo
Add a comment...

Post has attachment
Menu Icon Animation
#HTML and #CSS menu icon animation: hamburger šŸ”, doner, bento, kebab, meatball.
šŸ”— https://freefrontend.com/css-hamburger-menu-icons/
Animated Photo
Add a comment...

Post has attachment
Non Rectangular Headers šŸ“°.
Non rectangular #HTML and #CSS headers with inline #SVG.

šŸ”— https://freefrontend.com/css-headers-footers/
Photo
Add a comment...

Post has attachment
19 CSS Spinners

Collection of hand-picked free HTML and CSS loading spinner ß· code examples.

šŸ”— https://freefrontend.com/css-spinners/

#html #html5 #css #css3 #webdesign #webdevelopment #frontend #cssgallery #htmlgallery
Animated Photo
Add a comment...

Post has attachment
Add a comment...

Post has attachment
SCSS Material Palette Generator

Put in $testColor your color, the generator will use it as the 500 value of the palette šŸŽØ.

šŸ”— codepen https://codepen.io/xdesro/pen/WJBwyv
šŸ”— freefrontend https://freefrontend.com/css-color-palettes/



#html #html5 #css #css3 #webdesign #webdevelopment #frontend #csscolor #htmlcolor
Photo
Add a comment...

Post has attachment
One Element Switch

One element switch with HTML <input type="checkbox">.

šŸ”— codepen https://codepen.io/oknoblich/pen/dKaLjx
šŸ”— freefrontend https://freefrontend.com/css-checkboxes/



#html #html5 #css #css3 #webdesign #webdevelopment #frontend #csscheckbox #htmlcheckbox
Animated Photo
Add a comment...

Post has attachment
Add a comment...
Wait while more posts are being loaded