Sticky Heading Logo Switch Scroll
Welcome to a header that when scrolled changes from one logo and a header title to a second logo and menu item, All CSS GeneratedThis effect also includes a blurred frosted glass effect on Final menu header.
Custom Shape Dividers
Custom shape dividers built using customized .SVG files in three separate container levels and opacities
Sticky Header Columns
A sticky header container with two columns that reducing size when scrolling. This effect can reduce the size of an image and expand the column containing the menu contentCSS only
Percentage Responsive Layout
Elements of page layouts for 1 to 5 columns using only percentage columns and padding.No use of pixel measurements used in this entire layout
Animated Water Droplets
Cool Water Droplet effect that animates on roll-over hover. Link also to the shape generator to change both droplet and highlight. Made with Flex Container.
Icon Selection Grid
Click on selected Icon to show content panels for each section. Animation can also be added to each section on loading.