Sauna
.rbs_gallery_69d5d10679e38Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_69d5d10679e38Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_69d5d10679e38-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_69d5d10679e38-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_69d5d10679e38Spinner .rbs_gallery_69d5d10679e38Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_69d5d10679e38Spinner .rbs_gallery_69d5d10679e38Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_69d5d10679e38Spinner .rbs_gallery_69d5d10679e38Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_69d5d10679e38Spinner .rbs_gallery_69d5d10679e38Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_69d5d10679e38-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_69d5d10679e38-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_69d5d10686d7dSpinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_69d5d10686d7dSpinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_69d5d10686d7d-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_69d5d10686d7d-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_69d5d10686d7dSpinner .rbs_gallery_69d5d10686d7dRect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_69d5d10686d7dSpinner .rbs_gallery_69d5d10686d7dRect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_69d5d10686d7dSpinner .rbs_gallery_69d5d10686d7dRect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_69d5d10686d7dSpinner .rbs_gallery_69d5d10686d7dRect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_69d5d10686d7d-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_69d5d10686d7d-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_69d5d106891e0Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_69d5d106891e0Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_69d5d106891e0-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_69d5d106891e0-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_69d5d106891e0Spinner .rbs_gallery_69d5d106891e0Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_69d5d106891e0Spinner .rbs_gallery_69d5d106891e0Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_69d5d106891e0Spinner .rbs_gallery_69d5d106891e0Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_69d5d106891e0Spinner .rbs_gallery_69d5d106891e0Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_69d5d106891e0-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_69d5d106891e0-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_69d5d1068b5fcSpinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_69d5d1068b5fcSpinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_69d5d1068b5fc-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_69d5d1068b5fc-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_69d5d1068b5fcSpinner .rbs_gallery_69d5d1068b5fcRect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_69d5d1068b5fcSpinner .rbs_gallery_69d5d1068b5fcRect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_69d5d1068b5fcSpinner .rbs_gallery_69d5d1068b5fcRect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_69d5d1068b5fcSpinner .rbs_gallery_69d5d1068b5fcRect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_69d5d1068b5fc-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_69d5d1068b5fc-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_69d5d1068d984Spinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .rbs_gallery_69d5d1068d984Spinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: rbs_gallery_69d5d1068d984-stretchdelay 1.2s infinite ease-in-out; animation: rbs_gallery_69d5d1068d984-stretchdelay 1.2s infinite ease-in-out; } .rbs_gallery_69d5d1068d984Spinner .rbs_gallery_69d5d1068d984Rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .rbs_gallery_69d5d1068d984Spinner .rbs_gallery_69d5d1068d984Rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .rbs_gallery_69d5d1068d984Spinner .rbs_gallery_69d5d1068d984Rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .rbs_gallery_69d5d1068d984Spinner .rbs_gallery_69d5d1068d984Rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes rbs_gallery_69d5d1068d984-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes rbs_gallery_69d5d1068d984-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }
