Sauna
.rbs_gallery_6a5783008da62Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_6a5783008da62Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_6a5783008da62-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_6a5783008da62-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_6a5783008da62Spinner .rbs_gallery_6a5783008da62Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_6a5783008da62Spinner .rbs_gallery_6a5783008da62Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_6a5783008da62Spinner .rbs_gallery_6a5783008da62Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_6a5783008da62Spinner .rbs_gallery_6a5783008da62Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_6a5783008da62-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_6a5783008da62-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_6a57830096001Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_6a57830096001Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_6a57830096001-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_6a57830096001-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_6a57830096001Spinner .rbs_gallery_6a57830096001Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_6a57830096001Spinner .rbs_gallery_6a57830096001Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_6a57830096001Spinner .rbs_gallery_6a57830096001Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_6a57830096001Spinner .rbs_gallery_6a57830096001Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_6a57830096001-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_6a57830096001-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_6a57830097e33Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_6a57830097e33Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_6a57830097e33-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_6a57830097e33-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_6a57830097e33Spinner .rbs_gallery_6a57830097e33Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_6a57830097e33Spinner .rbs_gallery_6a57830097e33Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_6a57830097e33Spinner .rbs_gallery_6a57830097e33Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_6a57830097e33Spinner .rbs_gallery_6a57830097e33Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_6a57830097e33-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_6a57830097e33-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_6a57830099fefSpinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_6a57830099fefSpinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_6a57830099fef-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_6a57830099fef-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_6a57830099fefSpinner .rbs_gallery_6a57830099fefRect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_6a57830099fefSpinner .rbs_gallery_6a57830099fefRect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_6a57830099fefSpinner .rbs_gallery_6a57830099fefRect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_6a57830099fefSpinner .rbs_gallery_6a57830099fefRect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_6a57830099fef-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_6a57830099fef-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_6a5783009c1cbSpinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_6a5783009c1cbSpinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_6a5783009c1cb-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_6a5783009c1cb-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_6a5783009c1cbSpinner .rbs_gallery_6a5783009c1cbRect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_6a5783009c1cbSpinner .rbs_gallery_6a5783009c1cbRect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_6a5783009c1cbSpinner .rbs_gallery_6a5783009c1cbRect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_6a5783009c1cbSpinner .rbs_gallery_6a5783009c1cbRect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_6a5783009c1cb-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_6a5783009c1cb-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }
