font-size-adjust - HTML CSS CSS Animatable Property

HTML CSS examples for CSS Animatable Property:font-size-adjust

  1. HOME
  2. HTML CSS
  3. CSS Animatable Property
  4. font-size-adjust

Introduction

The font-size-adjust property is only supported in Firefox.

-webkit- prefix is for Chrome, Safari, Opera.

-moz- prefix is for Firefox.

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html lang="en">
 <head>
  <title>Example of CSS3 font-size-adjust Property Animation</title>
  <style type="text/css">
.animated {<!--   w  w  w .  j  a v  a 2  s  .  c om-->
    font-size: 24px;
    font-family: "DejaVu Sans", Arial, sans-serif;
    font-size-adjust: 0.6;
    animation: test 4s infinite;
}

@keyframes test {
    50% {font-size-adjust: 1;}
}
</style>
 </head>
 <body>
  <p class="animated">This is an animated paragraph.</p>
 </body>
</html>

Related Tutorials