X7ROOT File Manager
Current Path:
/home/oakwood/public_html/wp-content/themes/rife-free/css/preloaders
home
/
oakwood
/
public_html
/
wp-content
/
themes
/
rife-free
/
css
/
preloaders
/
ðŸ“
..
📄
arcs.css
(1.37 KB)
📄
atom.css
(3.68 KB)
📄
blurry.css
(8.54 KB)
📄
circle.css
(1002 B)
📄
circle_illusion.css
(5.42 KB)
📄
cloud_circle.css
(1.66 KB)
📄
dots.css
(1.17 KB)
📄
flash.css
(1.41 KB)
📄
hand.css
(25.34 KB)
📄
indicator.css
(1.26 KB)
📄
infinity.css
(4.78 KB)
📄
jet_pack_man.css
(3.78 KB)
📄
plus_minus.css
(1.18 KB)
📄
radar.css
(1.07 KB)
📄
square_of_squares.css
(1.96 KB)
📄
tetromino.css
(4.04 KB)
Editing: plus_minus.css
.plus_minus .preloader-animation { top: -50px; left: 30px; } .plus_minus .square { width: 8px; height: 30px; background: #fff/*$color*/; border-radius: 10px; display: block; /*margin:10px;*/ -webkit-animation: turn 2.5s ease infinite; animation: turn 2.5s ease infinite; } .pm-top { position: absolute; left: 40%; top: 50%; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .pm-bottom { position: absolute; left: 40%; top: 50%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .pm-left { position: absolute; left: 40%; top: 50%; } .pm-right { position: absolute; left: 40%; top: 50%; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } @-webkit-keyframes turn { 0% { transform: translateX(0) translateY(0) rotate(0); } 50% { transform: translateX(400%) translateY(100%) rotate(90deg); } 100% { transform: translateX(0) translateY(0) rotate(0); } } @keyframes turn { 0% { transform: translateX(0) translateY(0) rotate(0); } 70% { transform: translateX(400%) translateY(100%) rotate(90deg); } 100% { transform: translateX(0) translateY(0) rotate(0); } }
Upload File
Create Folder