What & How to Use CSS Position Property? (Positioning: Sticky, Fixed, Absolute, Relative)

How to Use CSS Position Property?

Element Positioning CSS The positioning property of CSS gives us the information about where an element or an entity is placed on a webpage. There are five different types of position property available in CSS and those are: Fixed Absolute Relative Sticky Static Let’s deep dive into each of the position property of CSS one … Read more

Add/Create a Search Icon Inside Input Box with HTML and CSS

Create a Search Icon Inside Input Box with HTML and CSS

There’s hardly any website nowadays that you’ll come across which doesn’t have a search button. And it has become one of the most important elements of a website now. Keeping a search icon inside the input box gives users a more clear idea that the input box is created for searching something. Every website has … Read more

Pure CSS Sticky Header | HTML with Demo

Pure CSS Sticky Header

A sticky header is a navigation bar or a menu bar which remains on top of our web page even when we scroll down. In simpler words, a sticky header remains fixed on top of the page. This allows users to access other routes easily without scrolling back to top. Sticky headers cover a significant … Read more

Header Animation on Scroll with HTML/CSS

Header Animation on Scroll with HTML/CSS

In the era of innovations, we look forward to create smooth and user-friendly applications to make the work simple and flawless. User experience has always been given the topmost priority when it comes to designing a website. Everyday, we see advancements in UI practices that evidently improve the user experience & further, add more creativity … Read more