- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Perform Animation on CSS min-width
To implement animation on min-width property with CSS, you can try to run the following code
Example
<!DOCTYPE html>
<html>
<head>
<style>
div {
overflow: auto;
width: 50%;
background-color: blue;
color: white;
border: 1px solid black;
animation: myanim 3s infinite;
}
@keyframes myanim {
30% {
min-width: 550px;
}
}
</style>
</head>
<body>
<h1>Example of min-width</h1>
<div>
<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.
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>
</div>
</body>
</html>
Published on 08-Jun-2018 06:50:28
- Related Questions & Answers
- Perform Animation on CSS min-height
- Perform Animation on CSS max-width
- Perform Animation on border-bottom-width CSS property
- Perform Animation on border-right-width property
- Perform Animation on CSS opacity
- Perform Animation on CSS color property
- Perform Animation on CSS clip property
- Perform Animation on CSS font property
- Perform Animation on CSS margin-top
- Perform Animation on CSS max-height
- Perform Animation on CSS perspective property
- CSS min-width property
- Perform Animation on CSS border-right property
- Perform Animation on CSS font-weight property
- Perform Animation on CSS font-size property
Advertisements