ulovliglogning.dk/_scss/module/_camera.scss

66 lines
898 B
SCSS
Raw Permalink Normal View History

2018-01-20 23:49:35 +00:00
.camera {
position: fixed;
2018-04-25 15:44:17 +00:00
right: 0px;
top: 50px;
2018-01-20 23:49:35 +00:00
width: 70px;
z-index: 1000;
pointer-events: none;
.redLight {
2018-01-21 19:01:06 +00:00
animation: redLight 1s ease infinite;
2018-01-20 23:49:35 +00:00
}
.glare {
transform-origin: 80% 80%;
2018-01-21 19:01:06 +00:00
transform-box: fill-box;
2018-01-20 23:49:35 +00:00
animation: glare 4s linear infinite;
}
.outerRing {
transform-origin: 50% 50%;
2018-01-21 19:01:06 +00:00
transform-box: fill-box;
2018-01-20 23:49:35 +00:00
animation: outerRing 4s linear infinite;
}
}
2018-01-21 19:01:06 +00:00
@keyframes redLight {
2018-01-20 23:49:35 +00:00
0% {
fill-opacity: 1;
}
50% {
fill-opacity: .3;
}
100% {
fill-opacity: 1;
}
}
@keyframes glare {
0% {
transform: rotate(0deg);
opacity: 1;
}
20% {
transform: rotate(90deg);
opacity: .4;
}
50% {
transform: rotate(-50deg);
opacity: 1;
}
100% {
transform: rotate(0deg);
}
}
@keyframes outerRing {
0% {
transform: scale(1);
}
20% {
transform: scale(.8);
}
50% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}