Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Selected Reading
Perform Animation on CSS line-height property
To implement animation on line-height property with CSS, you can try to run the following code −
Example
<!DOCTYPE html>
<html>
<head>
<style>
p {
animation: mymove 3s infinite;
line-height: 20px;
}
@keyframes mymove {
70% {
line-height: 50px;
}
}
</style>
</head>
<body>
<p>This is demo text! This is demo text! This is demo text!
This is demo text! This is demo text! This is demo text!
This is demo text! This is demo text! This is demo text!
This is demo text! This is demo text! This is demo text!
</p>
</body>
</html> 
Updated on: 2020-07-06T11:41:51+05:30
565 Views
Advertisements