- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 8895 Articles for Front End Technology
![Shabaz Alam](https://www.tutorialspoint.com/assets/profiles/614147/profile/60_962303-1678350157.jpeg)
3K+ Views
In SS, animation is an effective way to add some visual flair to the website. However, sometimes we want to have more control over when and how these animations play. Here, we will explore how to play and pause CSS animations using CSS custom properties. Before we go ahead, we should know that CSS animations can be created using keyframes or by transitioning between two or more states. Syntax @keyframes animation-name { /* define the animation steps */ } We define the animation by giving it a name and using the @keyframes keyword. Within the curly ... Read More
![Shabaz Alam](https://www.tutorialspoint.com/assets/profiles/614147/profile/60_962303-1678350157.jpeg)
7K+ Views
Making a transition height from 0 to "auto" is a way to smoothly animate an element's height as it changes to fit its content. In web development, creating smooth and elegant transitions can make a website more attractive and provide a better user experience. However, creating a transition from a height of 0 to "auto" can be a bit tricky. Syntax transition: [property] [duration] [timing-function] [delay]; Here, property is the CSS property that we want to animate, duration is the length of time that we want the transition to last, timing-function specifies the timing curve or pace of the ... Read More
![Shabaz Alam](https://www.tutorialspoint.com/assets/profiles/614147/profile/60_962303-1678350157.jpeg)
239 Views
Fade balls loader animation is a popular and attractive visual effect that is used to engage website users. It is a simple animation that fading in and fading out the balls to create an eye-catching loading effect. What is Fade balls loader Animation in CSS? A fade ball loader animation is a type of loading animation in which a series of circles or balls fade in and fade out in a loop. It indicates that content is being loaded on a webpage. This type of animation is commonly used in web design to keep users engaged and informed while they ... Read More
![Shabaz Alam](https://www.tutorialspoint.com/assets/profiles/614147/profile/60_962303-1678350157.jpeg)
76 Views
Cascading Style Sheets (CSS) is an important tool for designing websites, allowing developers to control the visual style and layout of a webpage. One important aspect of CSS is the ability to define the color of a border around an element on the page, such as a box or an image. In this article, we will discuss how to define the color of the border using CSS. There are various ways to define the color of a border using CSS, but the most common and important method is through the "border-color" property. This property allows us to set the color ... Read More
![Shabaz Alam](https://www.tutorialspoint.com/assets/profiles/614147/profile/60_962303-1678350157.jpeg)
639 Views
CSS is a powerful tool that allows web developers to create engaging and interactive web experiences. One of the ways CSS used is to define the border bottom color of an element. While it may seem like a simple task, it is important to understand how the border bottom color can be animated for added effect. In CSS, animation refers to the process of changing the style of an element over time. Animating the border bottom color of an element helps draw attention to it and make it more visually interesting. In order to make this effect, the border bottom ... Read More
![Shabaz Alam](https://www.tutorialspoint.com/assets/profiles/614147/profile/60_962303-1678350157.jpeg)
191 Views
HTML5 provides us with a powerful set of tools to create dynamic and interactive web pages. One of the important components of a web page is the ability to collect user input. In this article, we will learn how to define a form for user input using HTML5 in simple and unique words. Basic Form Element Structure A form is defined using the tag. The tag creates a container for input fields like text boxes, radio buttons, and checkboxes. Syntax A basic form structure looks like this − The action attribute ... Read More
![Shabaz Alam](https://www.tutorialspoint.com/assets/profiles/614147/profile/60_962303-1678350157.jpeg)
3K+ Views
Triangles are a basic shape in geometry and useful in creating a variety of designs in web development. In CSS, triangles can be created using a few simple techniques. In this article, we will learn two techniques to create triangles in CSS. Using Borders to Create Triangles Using Clip Path to Create Triangles Using Borders to Create Triangles The easiest way to create a triangle in CSS is by using the border property. By creating a rectangular element and then using the border property to create the sloping edges of the triangle, we can quickly create a basic ... Read More
![Shabaz Alam](https://www.tutorialspoint.com/assets/profiles/614147/profile/60_962303-1678350157.jpeg)
16K+ Views
In HTML and CSS, a toggle switch is a graphical user interface element that allows users to toggle between two states, usually "on" and "off". The toggle switch creates by using an HTML input element with type "checkbox" and a corresponding label element with CSS styles. When the input is checked, the label element is styled to display the "on" state, and when it's unchecked, the label element is styled to display the "off" state. If we are looking to add a cool and interactive feature to the website, a toggle switch is a great choice. Here we will explore ... Read More
![Shabaz Alam](https://www.tutorialspoint.com/assets/profiles/614147/profile/60_962303-1678350157.jpeg)
723 Views
As websites grow in complexity, it becomes increasingly important for web developers to implement intuitive and user-friendly navigation systems that allow users to easily explore the content on a webpage. One such navigation element that has gained popularity in recent years is called the section counter, which provides users with a clear understanding. What is a section counter? A section counter in HTML and CSS is a visual element that displays the current section number or position of the user in a webpage, usually displayed in a navigation menu or alongside the section header. Section counters are helpful for users ... Read More
![Shabaz Alam](https://www.tutorialspoint.com/assets/profiles/614147/profile/60_962303-1678350157.jpeg)
983 Views
Creating multiple transitions on an element using CSS is a great way to add interest and interactivity to the website. By merging various transitions, we can create a dynamic and engaging experience for the users. In this article, we will cover the basics of how to create multiple transitions on an element using CSS. Cascading Style Sheets (CSS) is a powerful tool for styling web pages. One of its most useful features is the ability to create smooth and visually engaging transitions between different states of an element, such as when it is hovered over or clicked on. What are ... Read More