Sauna
.rbs_gallery_6995bd2188b91Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_6995bd2188b91Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_6995bd2188b91-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_6995bd2188b91-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_6995bd2188b91Spinner .rbs_gallery_6995bd2188b91Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_6995bd2188b91Spinner .rbs_gallery_6995bd2188b91Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_6995bd2188b91Spinner .rbs_gallery_6995bd2188b91Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_6995bd2188b91Spinner .rbs_gallery_6995bd2188b91Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_6995bd2188b91-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_6995bd2188b91-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }
Altan før/efter
.rbs_gallery_6995bd2193605Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_6995bd2193605Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_6995bd2193605-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_6995bd2193605-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_6995bd2193605Spinner .rbs_gallery_6995bd2193605Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_6995bd2193605Spinner .rbs_gallery_6995bd2193605Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_6995bd2193605Spinner .rbs_gallery_6995bd2193605Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_6995bd2193605Spinner .rbs_gallery_6995bd2193605Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_6995bd2193605-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_6995bd2193605-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }
Træhytte
.rbs_gallery_6995bd21960e2Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_6995bd21960e2Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_6995bd21960e2-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_6995bd21960e2-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_6995bd21960e2Spinner .rbs_gallery_6995bd21960e2Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_6995bd21960e2Spinner .rbs_gallery_6995bd21960e2Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_6995bd21960e2Spinner .rbs_gallery_6995bd21960e2Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_6995bd21960e2Spinner .rbs_gallery_6995bd21960e2Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_6995bd21960e2-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_6995bd21960e2-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }
Vinduer og døre
.rbs_gallery_6995bd2199713Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_6995bd2199713Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_6995bd2199713-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_6995bd2199713-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_6995bd2199713Spinner .rbs_gallery_6995bd2199713Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_6995bd2199713Spinner .rbs_gallery_6995bd2199713Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_6995bd2199713Spinner .rbs_gallery_6995bd2199713Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_6995bd2199713Spinner .rbs_gallery_6995bd2199713Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_6995bd2199713-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_6995bd2199713-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }
Trapper
.rbs_gallery_6995bd219d326Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_6995bd219d326Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_6995bd219d326-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_6995bd219d326-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_6995bd219d326Spinner .rbs_gallery_6995bd219d326Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_6995bd219d326Spinner .rbs_gallery_6995bd219d326Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_6995bd219d326Spinner .rbs_gallery_6995bd219d326Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_6995bd219d326Spinner .rbs_gallery_6995bd219d326Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_6995bd219d326-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_6995bd219d326-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }
