/* Animation Range Visual Tool scroll-driven-animations.style/tools/view-timeline/ranges/ */ /* single keyword or length percentage value */ animation-range: normal; /* Equivalent to normal normal */ animation-range: 20%; /* Equivalent to 20% normal */ animation-range: 100px; /* Equivalent to 100px normal */ /* single named timeline range value */ animation-range: cover; /* Equivalent to cover 0% cover 100% */ animation-range: contain; /* Equivalent to contain 0% contain 100% */ animation-range: cover 20%; /* Equivalent to cover 20% cover 100% */ animation-range: contain 100px; /* Equivalent to contain 100px cover 100% */ /* two values for range start and end */ animation-range: normal 25%; animation-range: 25% normal; animation-range: 25% 50%; animation-range: entry exit; /* Equivalent to entry 0% exit 100% */ animation-range: cover cover 200px; /* Equivalent to cover 0% cover 200px */ animation-range: entry 10% exit; /* Equivalent to entry 10% exit 100% */ animation-range: 10% exit 90%; animation-range: entry 10% 90%;