Customize HTML5 Audio Player with CSS
Basically, HTML5 audio player can’t be styled if we used the “controls” attribute inside the audio tag. But, we can easily customize the player interface if we have a
Basically, HTML5 audio player can’t be styled if we used the “controls” attribute inside the audio tag. But, we can easily customize the player interface if we have a
A 3D carousel is one of the most important components of a creative visual interface. It not only enhances the user experience but also attracts the user to stay
Do you want to create 3D hover effects on images? If yes, then you are absolutely in the right place. Here I’m going to share a jQuery code snippet
Drop-down navigation is the most common element of a website to navigate the site content. In such navigation, the basic links appear in a bar and if a link
In this tutorial, we are going to create a simple popover that displays on hover using pure CSS. Basically, it’s a simple content container that may contain any HTML
Are you looking for an accordion with open / close arrows created in CSS? well! here is a step by step guide to creating accordion with arrow icons. In
The world map is used for various purposes on a webpage. It is widely used in admin dashboards, analytics, and to visualize the data around the globe. Basically, there
The CSS animations are one of the most important elements of a creative UI design. These animations attract users and enhance the user experience while browsing the site’s content.
In this tutorial, I’m going to share a pack of cool CSS border animation for the HTML input element. These border animations play on focus event. You can apply
A speech bubble is a visual element that shows the quote or special text that points to something. In web design, it is used in the testimonial to indicate
A number badge over the notification icon is one of the useful elements in a user-friendly interface. This badge alerts the users to read their unread notifications as well
In this tutorial, you’ll come to know the easy way to build a simple mobile navigation menu using HTML and CSS. Basically, this is a responsive menu project that
A “Back to Top” button is a useful element to quickly jump to the beginning of the page. On the long pages, this button really helpful for the users
A few months back, we created a testimonial slider based on pure CSS. We’re back again with a similar tutorial but with a quite different style of a testimonial
Are you looking for the HTML & CSS source code for an image slideshow? Well! you are in the right place, here you’ll find complete source code for the
A modal dialog is one of the useful UI elements to display instant information to the users. Staying on the same webpage, it can be used to show notification,
A 3D slideshow for images is the right option while creating a creative website design. It not only attracts the users but also provide a good user experience while
Do you want to create tabs with an indicator? If yes! then you are in the right place. Here you’ll learn how to create tabs with an animated indicator
In web designing, a loader is a visual element that displays when page content still loading. It gets users’ attention and makes it easier for them to wait for
Today, I’m going to share a CSS code snippet to create a book page flip animation. It’s a pure CSS single page flip animation to reveal content on mouseover