Seleccionar consecutivos incremental

// 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.