. . .

Category: HTML

How to create mega menu?

Create a dropdown menu that appears when the user moves the mouse over an element inside a navigation bar. Mega menu is the broad menu which includes all small menus in a webpage. Mega menu is used to gather sub menus in the orderly manner. In mega menu we can also use sliders effect to […]

What is webkit transition effect?

A webkit transition effect is used to zoom any image at mouse hover. These transition properties allow elements to change values over a specified duration, animating the property changes, rather than having them occur immediately, transition speed is controlled by Css properties on mouse hover effect. Let’s discuss how can we create this zoom effect on […]

How to create custom responsive navbar?

Responsive navbar is the menu bar which is automatically responsive in all small screen devices. When we create menus in the unorder list then it might not look mobile friendly, with the help of responsive topnav effect we can make it mobile friendly. When the user taps a button, the content slides in from the left […]

How to create Modal boxes?

A modal window is a graphical control element subordinate to an application’s main window. Modal box is used to show any information in the form of text, image, trigger button etc and habituate to simply clicking “Close”, “Cancel”, or “OK” without reading or understanding the message. Modeless windows don’t block the main window, so the user […]

How to create loader with CSS?

Loader is specially used to define the progress in a graphical way. Loaders specially used in websites to draw some intention of the customers about project portfolios, reports & profile about the organization. Here, we will learn how loaders can be create with the help of CSS. Step1:  Firstly, we have to add a div […]

how to create a order and unorder list??

Ordered Lists These are sometimes called numbered lists because, by default, the list items contained in that list have a specific numerical order or rankings. Unordered Lists These are sometimes called bulleted lists because the default visual appearance of an Unordered List is to have small bullet icons in front of the list items.   ordered Lists   <ol> […]

How to embed Google map on html page?

Google maps is very essential to create a contact page in website. Google map can be embed in very simple way. 1st step: Open www.google.co.in & go to the google maps by clicking on the rectangular shape box. go the maps by clicking on the maps google map will open after opening the map go […]