Posts

3D Bounce loading animation using CSS

3D Bounce loading animation using CSS is a cool loading animation that brings attention to the website. Also Read- CSS Comments How to create 3D Bounce Loading animation using CSS? Step 1: First, we will create an HTML file and write the below code. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.css" /> <title>3D Bounce Loading</title> </head> <body> <div class="loading">Loading</div> <script src="main....

3D cards in CSS

Today we will create 3D cards in CSS. We will animate the cards with the CSS hover selector. CSS is a great tool to create this type of website effect. Also Read- 3D Carousel in CSS How to create 3D cards in CSS? Step 1: First, we will create HTML, file and copy the below code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1....

3D Carousel in CSS

3D carousel in CSS is not a new thing, but if you don’t know about it, then today we will learn how to create a 3D carousel in CSS. We will create a beautiful 3d carousel with a little help from javascript. Sometimes it is necessary to put 3d looking elements to give the website a modern look. What is a carousel? A carousel is a slideshow of images or elements that users can select to direct them forward or backward in a slideshow....

Neumorphic Login form with Bootstrap 5

Neumorphic is a new trend in UI/UX design and it’s quite popular. We will create a login form with bootstrap 5. Neumorphic is a new trend in UI/UX design and it’s quite popular. Clean-looking UI is essential for any type of website and as a full stack developer, we can use Bootstrap 5 for prototyping or speed, So today we will learn how to create a Login form with Bootstrap 5 using Neumorphic....

Create a stunning radio button in CSS

Create a stunning radio button in CSS with the below steps. The radio buttons are useful when there are a lot of options and the user must select a single option. Why style radio button with CSS? The default radio button will make your website look old and ugly. We use CSS to solve UI-related problems and give animation to HTML elements. That is why we use CSS to style our HTML elements....

How to Create Shapes in CSS

Today we will learn how to create shapes in CSS. What is CSS? CSS is a Cascading style sheet. We can create UI for modern web pages with CSS. W3C first introduced CSS on December 17, 1996. And Håkon Wium Lie is the father of CSS. What is a shape in CSS? In Math, You can define a shape as the outline or as the form of an object, This is true for CSS as well, but in CSS it is in 2D form....

A Beginner’s Guide to the Kali Linux

Hey, Friends! 👋😎 This is a very long time since the last post. But I’m back with a new topic. Want to learn Kali Linux? then you should start with a beginners guide. But, wait! Are you going to buy a beginners guide course? Before you go, you should try to understand some basic commands for Linux terminal. So, without wasting your valuable time, Let’s begin. 1 Date Command – “date”...

10 Things You Didn’t Know Your Android Phone Could Do

Hello Friends! Welcome to Rare Programmer. Today I am going to show you 10 things that you didn’t know about your android phone. You’ll be able to adeptly make calls, send text messages, check emails, modification settings, transfer apps and everything in between. Sure, having the proper ability to induce things done on your smartphone will cause you to want a bonafide master. however, after all, their square measure still hid android tricks here and there which may surprise you....

Google Tricks That Will Change the Way of Your Search on Internet

Have you ever wondered! that how programmers and hackers always find their desired results from Google in just a search? well, here is the secret of all the developers and hackers for you guys. 1: Use quotes to search for an exact keyword Want to search for an exact line or phrase. then use this trick to search on google. for example, you want to search only pages with these lines –...