1
0
mirror of https://github.com/xuthus83/pigallery2.git synced 2024-11-03 21:04:03 +08:00
pigallery2/frontend/app/gallery/gallery.component.css

57 lines
1.2 KiB
CSS
Raw Normal View History

2017-01-24 04:29:07 +08:00
gallery-map {
2018-03-31 03:30:30 +08:00
margin-right: 0;
margin-left: auto;
display: block;
height: 80px;
width: 100px;
2017-07-08 06:18:24 +08:00
}
.directories {
2017-07-08 15:43:05 +08:00
margin-right: 2px;
margin-left: 2px;
2017-07-08 06:18:24 +08:00
}
2017-07-16 00:25:29 +08:00
gallery-directory {
margin: 2px;
display: inline-block;
}
2017-07-21 03:06:48 +08:00
.spinner {
2017-07-22 01:14:22 +08:00
margin-top: 50px;
2017-07-21 03:06:48 +08:00
width: 80px;
height: 80px;
background-color: #333;
margin-left: auto;
margin-right: auto;
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
0% {
-webkit-transform: perspective(120px)
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}