Newly Acquired Powers of the Web Platform (20/61)

Item One
Item Two
Item Three
Item Four

li {
	opacity: calc(sibling-index() / sibling-count());
}

Speaker notes

sibling-index() returns position of an item relative to adjacent items.

sibling-count() returns number of sibling elements an element possesses, including itself.

Next slide

Previous 20 / 61 Forward

1Test pattern 2Newly Acquired Powers of the Web Platform 3This is a rather long heading that will break into two separate lines 4Newly Acquired Powers of the Web Platform 5Newly Acquired Powers of the Web Platform 6Newly Acquired Powers of the Web Platform 7Newly Acquired Powers of the Web Platform 8Newly Acquired Powers of the Web Platform 9Corner Shape 10Newly Acquired Powers of the Web Platform 11Newly Acquired Powers of the Web Platform 12Newly Acquired Powers of the Web Platform 13Newly Acquired Powers of the Web Platform 14Newly Acquired Powers of the Web Platform 15Text Box 16Newly Acquired Powers of the Web Platform 17Newly Acquired Powers of the Web Platform 18Sibling Functions 19Newly Acquired Powers of the Web Platform 20Newly Acquired Powers of the Web Platform 21Newly Acquired Powers of the Web Platform 22Colour Mix 23Newly Acquired Powers of the Web Platform 24Newly Acquired Powers of the Web Platform 25Newly Acquired Powers of the Web Platform 26Newly Acquired Powers of the Web Platform 27Newly Acquired Powers of the Web Platform 28Newly Acquired Powers of the Web Platform 29Contrast Colour 30Newly Acquired Powers of the Web Platform 31Newly Acquired Powers of the Web Platform 32Newly Acquired Powers of the Web Platform 33Newly Acquired Powers of the Web Platform 34Newly Acquired Powers of the Web Platform 35Newly Acquired Powers of the Web Platform 36Invoker Commands 37Newly Acquired Powers of the Web Platform 38Newly Acquired Powers of the Web Platform 39Newly Acquired Powers of the Web Platform 40Newly Acquired Powers of the Web Platform 41Scroll Driven Animations 42Newly Acquired Powers of the Web Platform 43Newly Acquired Powers of the Web Platform 44Scroll Triggered Animations 45Newly Acquired Powers of the Web Platform 46Newly Acquired Powers of the Web Platform 47View Transitions 48Flip 49Dissolve 50Iris 51Barn 52Spin 53Newly Acquired Powers of the Web Platform 54Newly Acquired Powers of the Web Platform 55Newly Acquired Powers of the Web Platform 56Newly Acquired Powers of the Web Platform 57Newly Acquired Powers of the Web Platform 58Newly Acquired Powers of the Web Platform 59Wrap Up 60Newly Acquired Powers of the Web Platform 61Newly Acquired Powers of the Web Platform

Keyboard shortcuts

→ Space PgDn: Next slide
← PgUp: Previous slide
Home End: First / last slide
f: Fullscreen
n: Speaker notes
o: Slide overview
b: Blank the screen
?: This help

Slide 00:00 Total 00:00