- Read more: 131 CSS Cards Collections: Free Code + Demos
131 CSS Cards Collections: Free Code + Demos
In the evolving landscape of web design, CSS Cards stand out as a pivotal UI component, seamlessly bridging aesthetics with functionality. Often referred to as Styling Cards, Web Cards, or even Thumbnail Cards, they have become integral to modern Front-end Development. Originating from frameworks and design philosophies like Bootstrap and Material Design, CSS Cards encapsulate…
- Read more: Cards List View
Cards List View
Cards List View is developed using CSS and HTML. Arrow is in the list view is shown with animation.
- Read more: Stepped Progress Navigation
Stepped Progress Navigation
Beautiful stepper progress navigation developed using CSS, HTML and JavaScript. Demo, Code snippet and download options are available.
- Read more: Multiple line button hover effect
Multiple line button hover effect
Multiple line button hover effects using css and html. This can be used for vertical menus. Demo, code snippet and download options available.
- Read more: Triangle Loading Animation
Triangle Loading Animation
Triangle Loading Animtaion developed using HTML and CSS. CSS3 properties transform, keyframes and animation are used to develop the triangle loading demo.
- Read more: Moving Snakes Using HTML5 Canvas
Moving Snakes Using HTML5 Canvas
Experiment with HTML5 Canvas Particles to create a beautiful Moving Snakes effects with Particle Trails. Demo Download Author Nitish Khagwal Official Page: Go to website Created AUGUST 23, 2018 License Open Compatible browsers Chrome, Firefox, Opera, Safari HTML Snippet <h1><span>W3</span> <span>Tweaks</span></h1> CSS Code ::selection { background-color: #ffffff; color: #000000; } body { margin: 0; font-family:…
- Read more: Fancy Checkboxes and Radio Buttons with Font Awesome
Fancy Checkboxes and Radio Buttons with Font Awesome
Fancy Checkboxes and Radio buttons are developed using HTML, CSS, Javascript and font Awesome. Starting with well-formed HTML, look what we can do with a bit of style and some Font Awesome glyphs
- Read more: Pure CSS Elegant Blockquote
Pure CSS Elegant Blockquote
Elegant and responsive blockquote solution. Highlight quote text for a neat animation.
- Read more: CSS Grid Card Skeleton Screen
CSS Grid Card Skeleton Screen
The skeleton page is a big trend in UX field. Using CSS Grid to create the page layout, it is more practical to work with components that need to be dynamically repeat. Example of a skeleton screen for a card loader using CSS Grid and Custom Properties. Example developed using css and html. Demo and…
- Read more: Develop beautiful cloudy spiral using CSS animation effects
Develop beautiful cloudy spiral using CSS animation effects
CSS animation effects to bring with beautifull cloudy spiral effects. code, download and demo available.Code using <i></i> html element and css properties. Demo Download Author Hakim El Hattab Official Page: Go to website Created JULY 03, 2013 License Open Compatible browsers Chrome, Firefox, Opera, Safari HTML <div class=’wrapper’> <i></i> <i></i> <i></i> <i></i> <i></i> <i></i> <i></i>…
- Read more: Quick tips to improve the web accessibility of the web pages
Quick tips to improve the web accessibility of the web pages
15 quick tips to improve the web accessibility of your web pages.
- Read more: Ionic tinder Cards
Ionic tinder Cards
An Ionic (reusable Ionic widget) for adding tinder-style swipe cards to your app.
- Read more: Light Bulb Toggle Button
Light Bulb Toggle Button
A custom checkbox that features a light bulb’s on/off state in the fashion of a toggle switch.