JSFiddle - React, Tailwind, and code Playground

by tomprogramming

HTML

<div class="box">
    
    <span class="text">my Text</span>
</div>
<div class="box">
</div>

CSS

.box {
    height:200px;
    width:200px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(.5);
    background:blue;
    opacity:.5;
}

.text { color: rgb(0,0,0); }

JavaScript

//console.log($(".box").css());
console.log(window.getComputedStyle(document.getElementsByClassName("text")[0]));
console.log(window.getComputedStyle(document.getElementsByClassName("box")[0]));