CSS Transition Delay for nth-child Selectors: 0.2s Increments
To apply a transition delay of 0.2s for each nth-child selector up to the 16th child, you can use the following CSS code:\n\ncss\n/* Transition delay for each nth-child selector */\ndiv:nth-child(1) {\n transition-delay: 0.2s;\n}\n\ndiv:nth-child(2) {\n transition-delay: 0.4s;\n}\n\ndiv:nth-child(3) {\n transition-delay: 0.6s;\n}\n\ndiv:nth-child(4) {\n transition-delay: 0.8s;\n}\n\ndiv:nth-child(5) {\n transition-delay: 1s;\n}\n\ndiv:nth-child(6) {\n transition-delay: 1.2s;\n}\n\ndiv:nth-child(7) {\n transition-delay: 1.4s;\n}\n\ndiv:nth-child(8) {\n transition-delay: 1.6s;\n}\n\ndiv:nth-child(9) {\n transition-delay: 1.8s;\n}\n\ndiv:nth-child(10) {\n transition-delay: 2s;\n}\n\ndiv:nth-child(11) {\n transition-delay: 2.2s;\n}\n\ndiv:nth-child(12) {\n transition-delay: 2.4s;\n}\n\ndiv:nth-child(13) {\n transition-delay: 2.6s;\n}\n\ndiv:nth-child(14) {\n transition-delay: 2.8s;\n}\n\ndiv:nth-child(15) {\n transition-delay: 3s;\n}\n\ndiv:nth-child(16) {\n transition-delay: 3.2s;\n}\n\n\nReplace div with the appropriate selector for your elements.
原文地址: https://www.cveoy.top/t/topic/pXLL 著作权归作者所有。请勿转载和采集!