3v4l.org

run code in 200+ php & hhvm versions
Bugs & Features
<?php for($i=0; $i<=100; $i++) { echo '.transparent-'.$i.' { background-color: rgba(42,42,42,'.($i/100).') !important; }<br>'; }
based on 6L6jb
Output for 5.6.30, hhvm-3.18.5 - 3.22.0, 7.0.30 - 7.3.0beta1
.transparent-0 { background-color: rgba(42,42,42,0) !important; }<br>.transparent-1 { background-color: rgba(42,42,42,0.01) !important; }<br>.transparent-2 { background-color: rgba(42,42,42,0.02) !important; }<br>.transparent-3 { background-color: rgba(42,42,42,0.03) !important; }<br>.transparent-4 { background-color: rgba(42,42,42,0.04) !important; }<br>.transparent-5 { background-color: rgba(42,42,42,0.05) !important; }<br>.transparent-6 { background-color: rgba(42,42,42,0.06) !important; }<br>.transparent-7 { background-color: rgba(42,42,42,0.07) !important; }<br>.transparent-8 { background-color: rgba(42,42,42,0.08) !important; }<br>.transparent-9 { background-color: rgba(42,42,42,0.09) !important; }<br>.transparent-10 { background-color: rgba(42,42,42,0.1) !important; }<br>.transparent-11 { background-color: rgba(42,42,42,0.11) !important; }<br>.transparent-12 { background-color: rgba(42,42,42,0.12) !important; }<br>.transparent-13 { background-color: rgba(42,42,42,0.13) !important; }<br>.transparent-14 { background-color: rgba(42,42,42,0.14) !important; }<br>.transparent-15 { background-color: rgba(42,42,42,0.15) !important; }<br>.transparent-16 { background-color: rgba(42,42,42,0.16) !important; }<br>.transparent-17 { background-color: rgba(42,42,42,0.17) !important; }<br>.transparent-18 { background-color: rgba(42,42,42,0.18) !important; }<br>.transparent-19 { background-color: rgba(42,42,42,0.19) !important; }<br>.transparent-20 { background-color: rgba(42,42,42,0.2) !important; }<br>.transparent-21 { background-color: rgba(42,42,42,0.21) !important; }<br>.transparent-22 { background-color: rgba(42,42,42,0.22) !important; }<br>.transparent-23 { background-color: rgba(42,42,42,0.23) !important; }<br>.transparent-24 { background-color: rgba(42,42,42,0.24) !important; }<br>.transparent-25 { background-color: rgba(42,42,42,0.25) !important; }<br>.transparent-26 { background-color: rgba(42,42,42,0.26) !important; }<br>.transparent-27 { background-color: rgba(42,42,42,0.27) !important; }<br>.transparent-28 { background-color: rgba(42,42,42,0.28) !important; }<br>.transparent-29 { background-color: rgba(42,42,42,0.29) !important; }<br>.transparent-30 { background-color: rgba(42,42,42,0.3) !important; }<br>.transparent-31 { background-color: rgba(42,42,42,0.31) !important; }<br>.transparent-32 { background-color: rgba(42,42,42,0.32) !important; }<br>.transparent-33 { background-color: rgba(42,42,42,0.33) !important; }<br>.transparent-34 { background-color: rgba(42,42,42,0.34) !important; }<br>.transparent-35 { background-color: rgba(42,42,42,0.35) !important; }<br>.transparent-36 { background-color: rgba(42,42,42,0.36) !important; }<br>.transparent-37 { background-color: rgba(42,42,42,0.37) !important; }<br>.transparent-38 { background-color: rgba(42,42,42,0.38) !important; }<br>.transparent-39 { background-color: rgba(42,42,42,0.39) !important; }<br>.transparent-40 { background-color: rgba(42,42,42,0.4) !important; }<br>.transparent-41 { background-color: rgba(42,42,42,0.41) !important; }<br>.transparent-42 { background-color: rgba(42,42,42,0.42) !important; }<br>.transparent-43 { background-color: rgba(42,42,42,0.43) !important; }<br>.transparent-44 { background-color: rgba(42,42,42,0.44) !important; }<br>.transparent-45 { background-color: rgba(42,42,42,0.45) !important; }<br>.transparent-46 { background-color: rgba(42,42,42,0.46) !important; }<br>.transparent-47 { background-color: rgba(42,42,42,0.47) !important; }<br>.transparent-48 { background-color: rgba(42,42,42,0.48) !important; }<br>.transparent-49 { background-color: rgba(42,42,42,0.49) !important; }<br>.transparent-50 { background-color: rgba(42,42,42,0.5) !important; }<br>.transparent-51 { background-color: rgba(42,42,42,0.51) !important; }<br>.transparent-52 { background-color: rgba(42,42,42,0.52) !important; }<br>.transparent-53 { background-color: rgba(42,42,42,0.53) !important; }<br>.transparent-54 { background-color: rgba(42,42,42,0.54) !important; }<br>.transparent-55 { background-color: rgba(42,42,42,0.55) !important; }<br>.transparent-56 { background-color: rgba(42,42,42,0.56) !important; }<br>.transparent-57 { background-color: rgba(42,42,42,0.57) !important; }<br>.transparent-58 { background-color: rgba(42,42,42,0.58) !important; }<br>.transparent-59 { background-color: rgba(42,42,42,0.59) !important; }<br>.transparent-60 { background-color: rgba(42,42,42,0.6) !important; }<br>.transparent-61 { background-color: rgba(42,42,42,0.61) !important; }<br>.transparent-62 { background-color: rgba(42,42,42,0.62) !important; }<br>.transparent-63 { background-color: rgba(42,42,42,0.63) !important; }<br>.transparent-64 { background-color: rgba(42,42,42,0.64) !important; }<br>.transparent-65 { background-color: rgba(42,42,42,0.65) !important; }<br>.transparent-66 { background-color: rgba(42,42,42,0.66) !important; }<br>.transparent-67 { background-color: rgba(42,42,42,0.67) !important; }<br>.transparent-68 { background-color: rgba(42,42,42,0.68) !important; }<br>.transparent-69 { background-color: rgba(42,42,42,0.69) !important; }<br>.transparent-70 { background-color: rgba(42,42,42,0.7) !important; }<br>.transparent-71 { background-color: rgba(42,42,42,0.71) !important; }<br>.transparent-72 { background-color: rgba(42,42,42,0.72) !important; }<br>.transparent-73 { background-color: rgba(42,42,42,0.73) !important; }<br>.transparent-74 { background-color: rgba(42,42,42,0.74) !important; }<br>.transparent-75 { background-color: rgba(42,42,42,0.75) !important; }<br>.transparent-76 { background-color: rgba(42,42,42,0.76) !important; }<br>.transparent-77 { background-color: rgba(42,42,42,0.77) !important; }<br>.transparent-78 { background-color: rgba(42,42,42,0.78) !important; }<br>.transparent-79 { background-color: rgba(42,42,42,0.79) !important; }<br>.transparent-80 { background-color: rgba(42,42,42,0.8) !important; }<br>.transparent-81 { background-color: rgba(42,42,42,0.81) !important; }<br>.transparent-82 { background-color: rgba(42,42,42,0.82) !important; }<br>.transparent-83 { background-color: rgba(42,42,42,0.83) !important; }<br>.transparent-84 { background-color: rgba(42,42,42,0.84) !important; }<br>.transparent-85 { background-color: rgba(42,42,42,0.85) !important; }<br>.transparent-86 { background-color: rgba(42,42,42,0.86) !important; }<br>.transparent-87 { background-color: rgba(42,42,42,0.87) !important; }<br>.transparent-88 { background-color: rgba(42,42,42,0.88) !important; }<br>.transparent-89 { background-color: rgba(42,42,42,0.89) !important; }<br>.transparent-90 { background-color: rgba(42,42,42,0.9) !important; }<br>.transparent-91 { background-color: rgba(42,42,42,0.91) !important; }<br>.transparent-92 { background-color: rgba(42,42,42,0.92) !important; }<br>.transparent-93 { background-color: rgba(42,42,42,0.93) !important; }<br>.transparent-94 { background-color: rgba(42,42,42,0.94) !important; }<br>.transparent-95 { background-color: rgba(42,42,42,0.95) !important; }<br>.transparent-96 { background-color: rgba(42,42,42,0.96) !important; }<br>.transparent-97 { background-color: rgba(42,42,42,0.97) !important; }<br>.transparent-98 { background-color: rgba(42,42,42,0.98) !important; }<br>.transparent-99 { background-color: rgba(42,42,42,0.99) !important; }<br>.transparent-100 { background-color: rgba(42,42,42,1) !important; }<br>