// known cantidad de 10 elementos
@for $i from 1 to 10 {
.element:nth-child(#{$i}) {
transition-delay: $i * 0.07s;
}
}
// si no se sabe la cantidad no usar mixin, porque sino loopea sobre si mismo y arruina el orden.
.element:nth-child( 1 ) {
-webkit-transition-delay: 0.50s !important;
transition-delay: 0.50s !important;
}
.element:nth-child(2) {
-webkit-transition-delay: 0.60s !important;
transition-delay: 0.60s !important;
}
Para cada elemento:child , loopear y agregarle 0.7s de delay a la transition.
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.