Top 11 CSS Horizontal Menus
MENU HOVER LINE EFFECT Nice and simple horizontal menu with hover line effect in HTML and CSS. Author Mehmet Burak Erman December 18, 2017 Links demo and code Made with HTML /…
Top 42 CSS Magazine Layouts
LOCAL HISTORIES Print brochure remade with CSS Grid. Author Tatiana Mac June 16, 2019 Links demo and code Made with HTML / CSS ARTICLE DEVELOPMENT. MODULAR CSS GRID LAYOUT SECTIONS…
Top 21 CSS Hotspots
HOTSPOTS HTML and CSS hotspots with modal window. Author Jack November 27, 2018 Links demo and code Made with HTML / CSS HOTSPOT LABELS Hotspot labels for email in HTML and CSS.…
Top 12 CSS Gradient Buttons
FLAT BUTTONS Flat buttons with smooth hover effect. Author Silvestar Bistrović February 4, 2019 Links demo and code Made with HTML / CSS (SCSS) PEACH BEACH BUTTON Animated button in…
Top 16 HTML <hr> with CSS
ANIMATED <HR> Animated hr (element BAM + modifiers). Author @Grienauer August 23, 2018 Links demo and code Made with HTML / CSS (SCSS) FULLWIDTH <HR> Overflow the parents container and stretch it…
Top 15 CSS Notifications
MATERIAL ALERT MODAL Author Cornelius Labuschagne December 16, 2019 Links demo and code Made with HTML / CSS (SCSS) ALERT MESSAGE Animated Bootstrap alert messages. Author Swarup Kumar Kuila December…
Top 6 CSS Accordion Menus
AWESOME ACCORDION MENU Awesome accordion menu using only HTML & CSS. Author Ahmad Emran Made with Html / CSS [su_button url=”https://codepen.io/ahmadbassamemran/pen/zXwZKo ” target=”self” style=”default” background=”#2D89EF” color=”#FFFFFF” size=”3″ wide=”no” center=”no” radius=”auto”…
Top 11+ CSS Flowcharts
CSS RESPONSIVE FLOWCHART Practice with simple CSS layout and a touch of SVG magic to replicate a section of the Gatsby website. Author Gabriele Corti Made with HTML / CSS…
Top 11 CSS Product Cards
E-COMMERCE PRODUCT (DELICIOUS APPLES) A concept for a product showcase for an e-commerce in HTML and CSS, design from dribbble shot of Rodrigo Ramos. Author John Mantas Made with Html…
Animating Border-radius
Animating Border-radius :- mix-blend-mode: luminosity & animating border-radius on CSS. Resize the container to see how the color of the shapes and text in the block changes. Compatible browsers : Chrome, Firefox,…