CSS Property Value How to - transform: scale(8);

Question

We would like to know how to transform: scale(8);.

Answer


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
p {<!--from  w  w  w.  jav a 2  s .  c  om-->
  padding: 4em 6em;
  float: left;
}

input {
  -moz-transform: scale(8);
  -ms-transform: scale(8);
  -o-transform: scale(8);
  -webkit-transform: scale(8);
  transform: scale(8);
}

p:nth-child(n+3) input {
  background: silver;
  border: 1px solid slategray;
}
</style>
</head>
<body>
  <p>
    <input type="checkbox">
  </p>
  <p>
    <input type="radio" name="foo">
  </p>
  <p>
    <input type="checkbox">
  </p>
  <p>
    <input type="radio" name="foo">
  </p>
</body>
</html>

The code above is rendered as follows: