JSFiddle - React, Tailwind, and code Playground
by codemeasandwich
HTML
<div style="margin-bottom: 12px !important;"><div style=""><div style="height: 12.8321px !important; background-color: rgba(47, 48, 60, 0.04) !important; position: relative !important; overflow: hidden !important; will-change: transform !important; border-radius: 5px !important; width: 77.8906px !important; box-sizing: border-box !important; margin-bottom: 8.27735px !important; box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 1px 0px, rgba(0, 0, 0, 0.02) 0px 3px 6px 0px !important;"><div style="position: absolute !important; top: 0px !important; left: 0px !important; height: 100% !important; width: 50% !important; transform: translateX(200%); will-change: transform !important; background: linear-gradient(to right, rgba(47, 48, 60, 0), rgba(47, 48, 60, 0.05) 50%, rgba(47, 48, 60, 0)) !important; transition: transform 3000ms ease 0s;"></div></div><div style="height: 44.3984px !important; padding: 14.1387px !important; box-sizing: border-box !important; background-color: rgb(255, 255, 255) !important; position: relative !important; overflow: hidden !important; border-radius: 5px !important; box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 1px 0px, rgba(0, 0, 0, 0.02) 0px 3px 6px 0px !important; border-width: 1px !important; border-color: rgb(230, 230, 230) !important; border-style: solid !important;"><div style="height: 12.8321px !important; background-color: rgba(47, 48, 60, 0.04) !important; position: relative !important; overflow: hidden !important; will-change: transform !important; border-radius: 5px !important; width: 77.8906px !important; box-sizing: border-box !important;"><div style="position: absolute !important; top: 0px !important; left: 0px !important; height: 100% !important; width: 50% !important; transform: translateX(200%); will-change: transform !important; background: linear-gradient(to right, rgba(47, 48, 60, 0), rgba(47, 48, 60, 0.05) 50%, rgba(47, 48, 60, 0)) !important; transition: transform 3000ms ease 0s;"></div></div></div></div></div>