.loaded #loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: translateX(-100%); /* IE 9 */
transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */
}
.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: translateX(100%); /* IE 9 */
transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */
}<head>
<script src="https://kit.fontawesome.com/4ea6e3ab0b.js" crossorigin="anonymous"></script>
</head>
<body>
<i class="fa-solid fa-spinner fa-spin-pulse"></i>
</body>| Code Example |
|---|
| Css :: css id selector |
| Css :: include css typo3 |
| Css :: css box shadow transform rotate |
| Css :: make css variable negative |
| Css :: simple website templates free download html with css without bootstrap |
| Css :: round one side of div css |
| Css :: ordered list indent |
| Css :: How to make website responsive for safari |
| Css :: css keep aspect ratio image |
| Css :: laravel 7 css loading slow |
| Css :: test typescript |
| Css :: css animation sin |
| Css :: easyui datagrid header field color |
| Css :: hover effects css |
| Css :: advanced selectors |
| Css :: offsetx and offsety in css |
| Css :: filter css |
| Css :: why is my css not working |
| Css :: touch-action in css |
| Css :: ohmyzsh shortcut to oepn folder with vscode |
| Css :: wrapping links in css |
| Css :: ui gradient |
| Css :: line-break |
| Css :: css animation-name |
| Css :: linking in css |
| Css :: :is in css |
| Css :: react use global css classes |
| Css :: css grid generator |
| Css :: button slanted slide on hover |
| Css :: div css |