Sauna
.rbs_gallery_69b28493535baSpinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_69b28493535baSpinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_69b28493535ba-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_69b28493535ba-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_69b28493535baSpinner .rbs_gallery_69b28493535baRect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_69b28493535baSpinner .rbs_gallery_69b28493535baRect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_69b28493535baSpinner .rbs_gallery_69b28493535baRect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_69b28493535baSpinner .rbs_gallery_69b28493535baRect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_69b28493535ba-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_69b28493535ba-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_69b284935dc3fSpinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_69b284935dc3fSpinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_69b284935dc3f-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_69b284935dc3f-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_69b284935dc3fSpinner .rbs_gallery_69b284935dc3fRect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_69b284935dc3fSpinner .rbs_gallery_69b284935dc3fRect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_69b284935dc3fSpinner .rbs_gallery_69b284935dc3fRect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_69b284935dc3fSpinner .rbs_gallery_69b284935dc3fRect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_69b284935dc3f-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_69b284935dc3f-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_69b28493624b7Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_69b28493624b7Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_69b28493624b7-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_69b28493624b7-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_69b28493624b7Spinner .rbs_gallery_69b28493624b7Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_69b28493624b7Spinner .rbs_gallery_69b28493624b7Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_69b28493624b7Spinner .rbs_gallery_69b28493624b7Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_69b28493624b7Spinner .rbs_gallery_69b28493624b7Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_69b28493624b7-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_69b28493624b7-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_69b284936a29eSpinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_69b284936a29eSpinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_69b284936a29e-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_69b284936a29e-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_69b284936a29eSpinner .rbs_gallery_69b284936a29eRect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_69b284936a29eSpinner .rbs_gallery_69b284936a29eRect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_69b284936a29eSpinner .rbs_gallery_69b284936a29eRect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_69b284936a29eSpinner .rbs_gallery_69b284936a29eRect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_69b284936a29e-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_69b284936a29e-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_69b28493713e3Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_69b28493713e3Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_69b28493713e3-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_69b28493713e3-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_69b28493713e3Spinner .rbs_gallery_69b28493713e3Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_69b28493713e3Spinner .rbs_gallery_69b28493713e3Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_69b28493713e3Spinner .rbs_gallery_69b28493713e3Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_69b28493713e3Spinner .rbs_gallery_69b28493713e3Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_69b28493713e3-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_69b28493713e3-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }
