Category: HTML5

pbcalendar – Monthly Event Calender Jquery Plugin

Hi friends, Are you want to create event calendar for your website. I am going to tell you a simple lightweight event Calendar with Plugin, it allows you to create dynamically schedule events for specific dates. You can easily add it to your website. Let’s explain. Libraries <!--CSS--> <link rel="stylesheet" type="text/css" href="./pb.calendar.min.css"> <!--JS--> <script type="text/javascript"

Menu Underline from the centre

Friends today I want to go to create the menu with underline from the center. It makes our website very attractive and cool. You can use your website by changing some HTML and CSS. HTML Code : <div class="container"> <header> <nav> <ul> <li> <a href="#">Home</a> </li> <li> <a href="#">About</a> </li> <li> <a href="#">Join</a> </li> <li>

Chasing circles – CSS animation examples

The animated loading icon is created from four circles. The circles haven’t any fill, however, have alternating stroke-colors. <svg class="loader" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 340"> <circle cx="170" cy="170" r="160" stroke="#E2007C"/> <circle cx="170" cy="170" r="135" stroke="#404041"/> <circle cx="170" cy="170" r="110" stroke="#E2007C"/> <circle cx="170" cy="170" r="85" stroke="#404041"/> </svg> In our CSS, we are able to set some

Cross my hamburger – CSS animation examples

This animation is employed everywhere the net, turning 3 lines into a cross or shut icon. till fairly recently, the bulk of implementations are achieved victimization markup language components, however really SVG is far additional suited to the current reasonably animation – there’s not a requirement to bloat the code of your button with multiple