National Workshop on Gender Sensitization and Human Rights (15-21 Oct.,2018)

.roboGalleryLoaderSpinner{ margin: 50px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .roboGalleryLoaderSpinner > div{ background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: roboGalleryLoader-stretchdelay 1.2s infinite ease-in-out; animation: roboGalleryLoader-stretchdelay 1.2s infinite ease-in-out; } .roboGalleryLoaderSpinner .roboGalleryLoaderRect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .roboGalleryLoaderSpinner .roboGalleryLoaderRect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .roboGalleryLoaderSpinner .roboGalleryLoaderRect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .roboGalleryLoaderSpinner .roboGalleryLoaderRect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes roboGalleryLoader-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes roboGalleryLoader-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }

Comments are closed.