- CSS Tutorial
- CSS - Home
- CSS - Introduction
- CSS - Syntax
- CSS - Inclusion
- CSS - Measurement Units
- CSS - Colors
- CSS - Backgrounds
- CSS - Fonts
- CSS - Text
- CSS - Images
- CSS - Links
- CSS - Tables
- CSS - Borders
- CSS - Margins
- CSS - Lists
- CSS - Padding
- CSS - Cursors
- CSS - Outlines
- CSS - Dimension
- CSS - Scrollbars
- CSS Advanced
- CSS - Visibility
- CSS - Positioning
- CSS - Layers
- CSS - Pseudo Classes
- CSS - Pseudo Elements
- CSS - @ Rules
- CSS - Text Effects
- CSS - Media Types
- CSS - Paged Media
- CSS - Aural Media
- CSS - Printing
- CSS - Layouts
- CSS - Validations
- CSS3 Tutorial
- CSS3 - Tutorial
- CSS3 - Rounded Corner
- CSS3 - Border Images
- CSS3 - Multi Background
- CSS3 - Color
- CSS3 - Gradients
- CSS3 - Shadow
- CSS3 - Text
- CSS3 - Web font
- CSS3 - 2d transform
- CSS3 - 3d transform
- CSS3 - Animation
- CSS3 - Multi columns
- CSS3 - User Interface
- CSS3 - Box Sizing
- CSS Responsive
- CSS - Responsive Web Design
- CSS References
- CSS - Questions and Answers
- CSS - Quick Guide
- CSS - References
- CSS - Color References
- CSS - Web browser References
- CSS - Web safe fonts
- CSS - Units
- CSS - Animation
- CSS Resources
- CSS - Useful Resources
- CSS - Discussion
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>
- Related Articles
- Perform Animation on CSS min-height
- Perform Animation on CSS max-height
- Perform Animation on CSS font property
- Perform Animation on CSS perspective property
- Perform Animation on CSS clip property
- Perform Animation on CSS color property
- Perform Animation on CSS letter-spacing property
- Perform Animation on CSS margin-right property
- Perform Animation on CSS padding-top property
- Perform Animation on CSS perspective-origin property
- Perform Animation on CSS font-weight property
- Perform Animation on CSS font-size property
- Perform Animation on CSS border-right property
- Perform Animation on CSS border-bottom-color property
- Perform Animation on background-position property with CSS
Advertisements