You Are Viewing Posts Under Category: CSS Codes

Create A Simple Responsive HTML Table Using Pure CSS
October 18th, 2020 | 2 Comments | CSS Codes / HTML Codes / HTML-CSS-PHP-JavaScript | Tables are a nice way to display tabular information – like finance reports. Unfortunately, they are structured and designed with this in mind and come with some severe limitations in terms of what one can do with their layout. Still, large tables aren’t always a great experience on mobile s...
Simple Toggle Flip Switch (Checkbox Button) With Animated Transitions Using CSS3
August 16th, 2020 | 0 Comments | CSS Codes / HTML-CSS-PHP-JavaScript | Toggles showed a new trend in UI designing. For several years designers are using the checkboxes for binary input options with simple tick-based UI that is by default. When a user has to select an option, they have to tick a box or when want to un-select the option then have to uncheck the box. [&he...
Simple Pure HTML-CSS Single Level Top Drop Down Menu
September 19th, 2017 | 0 Comments | CSS Codes / HTML Codes / HTML-CSS-PHP-JavaScript | After numerous Menu Bar that we shared already in our blog, here we are with new one and this time we focused of straightforward and shot coding yet additionally remembered the outline so here we have our basic single level dropdown menu that depends on HTML-CSS and there is no picture, javascript o...
Responsive Lightbox Image Gallery With Pure HTML And CSS
April 16th, 2017 | 0 Comments | CSS Codes / HTML Codes / HTML-CSS-PHP-JavaScript | A simple, responsive galley lightbox for showcasing your favorite images, built using pure HTML and CSS. Clicking on the thumb will display all your images in a responsive, navigatable and closeable lightbox popup. THis sanippet is design by Cerealkillerway/css-lightbox...
Little Show/Hide DIV On Toggle Button Using HTML-CSS Only
July 12th, 2016 | 2 Comments | CSS Codes / HTML Codes / HTML-CSS-PHP-JavaScript | Are you trying to find a way to hide and show your content? The demo below shows a simple yet elegant way of toggling your content and toggling the control text via HTML-CSS and styling. There are a couple of non-JavaScript tricks at our disposal for hiding and showing content based on CSS. To be [&...
Stylish Image Caption On Hover For Web And Blogs
July 10th, 2016 | 7 Comments | CSS Codes / HTML-CSS-PHP-JavaScript | Image Caption are the most important part of optimizing images now a days. They are now as important ans ALT and TITLE tags so you have to give it a better view also to make it user friendly and as well as SE friendly so your every image should have the new HTML tag for […]...