[{"data":1,"prerenderedAt":1251},["ShallowReactive",2],{"navigation_docs":3,"-docs-examples-advanced-slideshow":215,"-docs-examples-advanced-slideshow-surround":1219,"$fSoLL_rMNAyGHq0-li8uxHUy71Ra9oqZfietPONPwFOc":1224},[4,20,50,165,175,185],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fdocs\u002Fgetting-started","docs\u002F1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fdocs\u002Fgetting-started\u002Fintroduction","docs\u002F1.getting-started\u002F1.introduction","i-lucide-sprout",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002F1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"children":24,"page":6},"Framework Guides","\u002Fdocs\u002Fframework-guides","docs\u002F2.framework-guides",[25,30,35,40,45],{"title":26,"path":27,"stem":28,"icon":29},"Vue and Nuxt","\u002Fdocs\u002Fframework-guides\u002Fvue-nuxt","docs\u002F2.framework-guides\u002F1.vue-nuxt","i-simple-icons-vuedotjs",{"title":31,"path":32,"stem":33,"icon":34},"React and Next.js","\u002Fdocs\u002Fframework-guides\u002Freact-nextjs","docs\u002F2.framework-guides\u002F2.react-nextjs","i-simple-icons-react",{"title":36,"path":37,"stem":38,"icon":39},"Svelte and SvelteKit","\u002Fdocs\u002Fframework-guides\u002Fsvelte-sveltekit","docs\u002F2.framework-guides\u002F3.svelte-sveltekit","i-simple-icons-svelte",{"title":41,"path":42,"stem":43,"icon":44},"Web Components","\u002Fdocs\u002Fframework-guides\u002Fweb-components","docs\u002F2.framework-guides\u002F4.web-components","i-simple-icons-webcomponentsdotorg",{"title":46,"path":47,"stem":48,"icon":49},"Core","\u002Fdocs\u002Fframework-guides\u002Fcore","docs\u002F2.framework-guides\u002F5.core","i-lucide-braces",{"title":51,"path":52,"stem":53,"children":54,"page":6},"Examples","\u002Fdocs\u002Fexamples","docs\u002F3.examples",[55,100,135],{"title":56,"icon":6,"defaultOpen":6,"path":57,"stem":58,"children":59,"page":6},"Basic","\u002Fdocs\u002Fexamples\u002Fbasic","docs\u002F3.examples\u002F1.basic",[60,65,70,75,80,85,90,95],{"title":61,"path":62,"stem":63,"icon":64},"Simple","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fsimple","docs\u002F3.examples\u002F1.basic\u002F1.simple","i-lucide-square",{"title":66,"path":67,"stem":68,"icon":69},"Snapping","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fsnap","docs\u002F3.examples\u002F1.basic\u002F2.snap","i-lucide-magnet",{"title":71,"path":72,"stem":73,"icon":74},"Masonry","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fmasonry","docs\u002F3.examples\u002F1.basic\u002F3.masonry","i-lucide-grid-3x3",{"title":76,"path":77,"stem":78,"icon":79},"Right to Left","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fright-to-left","docs\u002F3.examples\u002F1.basic\u002F4.right-to-left","i-lucide-arrow-left-from-line",{"title":81,"path":82,"stem":83,"icon":84},"Sticky Slides","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fsticky","docs\u002F3.examples\u002F1.basic\u002F5.sticky","i-lucide-pin",{"title":86,"path":87,"stem":88,"icon":89},"Buttons","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fbuttons","docs\u002F3.examples\u002F1.basic\u002F6.buttons","i-lucide-circle-arrow-right",{"title":91,"path":92,"stem":93,"icon":94},"Dots","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fdots","docs\u002F3.examples\u002F1.basic\u002F7.dots","i-lucide-rectangle-ellipsis",{"title":96,"path":97,"stem":98,"icon":99},"Thumbnails","\u002Fdocs\u002Fexamples\u002Fbasic\u002Fthumbnails","docs\u002F3.examples\u002F1.basic\u002F8.thumbnails","i-lucide-layout-list",{"title":101,"icon":6,"defaultOpen":6,"path":102,"stem":103,"children":104,"page":6},"Advanced","\u002Fdocs\u002Fexamples\u002Fadvanced","docs\u002F3.examples\u002F2.advanced",[105,110,115,120,125,130],{"title":106,"path":107,"stem":108,"icon":109},"Cover Flow","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fcover-flow","docs\u002F3.examples\u002F2.advanced\u002F1.cover-flow","i-lucide-gallery-horizontal-end",{"title":111,"path":112,"stem":113,"icon":114},"Slideshow","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fslideshow","docs\u002F3.examples\u002F2.advanced\u002F2.slideshow","i-lucide-presentation",{"title":116,"path":117,"stem":118,"icon":119},"Stories","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fstories","docs\u002F3.examples\u002F2.advanced\u002F2.stories","i-lucide-circle-fading-plus",{"title":121,"path":122,"stem":123,"icon":124},"Smart Stack","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fsmart-stack","docs\u002F3.examples\u002F2.advanced\u002F3.smart-stack","i-lucide-layers",{"title":126,"path":127,"stem":128,"icon":129},"Cards","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fcards","docs\u002F3.examples\u002F2.advanced\u002F4.cards","i-lucide-images",{"title":131,"path":132,"stem":133,"icon":134},"Flipbook","\u002Fdocs\u002Fexamples\u002Fadvanced\u002Fflipbook","docs\u002F3.examples\u002F2.advanced\u002F5.flipbook","i-lucide-swatch-book",{"title":136,"icon":6,"defaultOpen":6,"path":137,"stem":138,"children":139,"page":6},"Experimental","\u002Fdocs\u002Fexamples\u002Fexperimental","docs\u002F3.examples\u002F3.experimental",[140,145,150,155,160],{"title":141,"path":142,"stem":143,"icon":144},"CSS Controls","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fcss-controls","docs\u002F3.examples\u002F3.experimental\u002F1.css-controls","i-lucide-eclipse",{"title":146,"path":147,"stem":148,"icon":149},"Scroll State Query","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-state-queries","docs\u002F3.examples\u002F3.experimental\u002F2.scroll-state-queries","i-lucide-anvil",{"title":151,"path":152,"stem":153,"icon":154},"Scroll Snap Events","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-snap-changing","docs\u002F3.examples\u002F3.experimental\u002F3.scroll-snap-changing","i-lucide-megaphone",{"title":156,"path":157,"stem":158,"icon":159},"Repeat","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Frepeat","docs\u002F3.examples\u002F3.experimental\u002F4.repeat","i-lucide-repeat",{"title":161,"path":162,"stem":163,"icon":164},"Scroll Trigger","\u002Fdocs\u002Fexamples\u002Fexperimental\u002Fscroll-trigger","docs\u002F3.examples\u002F3.experimental\u002F5.scroll-trigger","i-lucide-bow-arrow",{"title":166,"path":167,"stem":168,"children":169,"page":6},"A11y","\u002Fdocs\u002Fa11y","docs\u002F4.a11y",[170],{"title":171,"path":172,"stem":173,"icon":174},"Accessibility Guide","\u002Fdocs\u002Fa11y\u002Faccessibility-guide","docs\u002F4.a11y\u002Faccessibility-guide","i-lucide-person-standing",{"title":176,"path":177,"stem":178,"children":179,"page":6},"Ai","\u002Fdocs\u002Fai","docs\u002F5.AI",[180],{"title":181,"path":182,"stem":183,"icon":184},"Agent Skills","\u002Fdocs\u002Fai\u002Fagent-skills","docs\u002F5.AI\u002F1.agent-skills","i-lucide-sparkles",{"title":186,"icon":6,"path":187,"stem":188,"children":189,"page":6},"Migration Guides","\u002Fdocs\u002Fmigration-guides","docs\u002F6.migration-guides",[190,195,200,205,210],{"title":191,"path":192,"stem":193,"icon":194},"Embla","\u002Fdocs\u002Fmigration-guides\u002Fembla","docs\u002F6.migration-guides\u002F1.embla","i-lucide-atom",{"title":196,"path":197,"stem":198,"icon":199},"Swiper","\u002Fdocs\u002Fmigration-guides\u002Fswiper","docs\u002F6.migration-guides\u002F2.swiper","i-lucide-circle-slash",{"title":201,"path":202,"stem":203,"icon":204},"Splide","\u002Fdocs\u002Fmigration-guides\u002Fsplide","docs\u002F6.migration-guides\u002F3.splide","i-lucide-diamond",{"title":206,"path":207,"stem":208,"icon":209},"Slick","\u002Fdocs\u002Fmigration-guides\u002Fslick","docs\u002F6.migration-guides\u002F4.slick","i-lucide-ampersand",{"title":211,"path":212,"stem":213,"icon":214},"Flickity","\u002Fdocs\u002Fmigration-guides\u002Fflickity","docs\u002F6.migration-guides\u002F5.flickity","i-lucide-smartphone",{"id":216,"title":111,"body":217,"description":1210,"extension":1211,"links":1212,"meta":1213,"navigation":1214,"path":112,"seo":1215,"stem":113,"__hash__":1218},"docs\u002Fdocs\u002F3.examples\u002F2.advanced\u002F2.slideshow.md",{"type":218,"value":219,"toc":1208},"minimark",[220,234,237,1204],[221,222,223],"supports-view-timeline-support",{},[224,225,226,227],"caution",{},"View-timeline is not yet supported in this browser. Check browser compatibility at ",[228,229,233],"a",{"href":230,"rel":231},"https:\u002F\u002Fcaniuse.com\u002F?search=scroll-snap-change",[232],"nofollow","caniuse.com",[235,236],"example-slideshow",{},[238,239,241,845],"tabs",{"sync":240},"example-code-style",[242,243,245],"tabs-item",{"label":244},"CSS",[246,247,248,647],"code-group",{},[249,250,256],"pre",{"className":251,"code":252,"filename":253,"language":254,"meta":255,"style":255},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".carousel {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: 100%;\n  scroll-snap-type: x mandatory;\n  height: 22.5rem;\n}\n\n.slide {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  scroll-snap-align: center;\n\n  view-timeline: --slide inline;\n}\n\n.slide .card {\n  width: 100%;\n  height: 100%;\n\n  animation: parallax linear both;\n  animation-timeline: --slide;\n  animation-range: cover;\n}\n\n@keyframes parallax {\n  0% {\n    transform: translateX(-50%);\n  }\n  50% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(50%);\n  }\n}\n",".css","css","",[257,258,259,275,292,305,319,332,345,351,358,368,380,391,404,417,422,435,440,445,460,471,482,487,500,513,526,531,536,549,557,578,584,592,608,613,621,637,642],"code",{"__ignoreMap":255},[260,261,264,268,272],"span",{"class":262,"line":263},"line",1,[260,265,267],{"class":266},"sMK4o",".",[260,269,271],{"class":270},"sBMFI","carousel",[260,273,274],{"class":266}," {\n",[260,276,278,282,285,289],{"class":262,"line":277},2,[260,279,281],{"class":280},"sqsOY","  display",[260,283,284],{"class":266},":",[260,286,288],{"class":287},"sTEyZ"," grid",[260,290,291],{"class":266},";\n",[260,293,295,298,300,303],{"class":262,"line":294},3,[260,296,297],{"class":280},"  grid-auto-flow",[260,299,284],{"class":266},[260,301,302],{"class":287}," column",[260,304,291],{"class":266},[260,306,308,311,313,317],{"class":262,"line":307},4,[260,309,310],{"class":280},"  grid-auto-columns",[260,312,284],{"class":266},[260,314,316],{"class":315},"sbssI"," 100%",[260,318,291],{"class":266},[260,320,322,325,327,330],{"class":262,"line":321},5,[260,323,324],{"class":280},"  scroll-snap-type",[260,326,284],{"class":266},[260,328,329],{"class":287}," x mandatory",[260,331,291],{"class":266},[260,333,335,338,340,343],{"class":262,"line":334},6,[260,336,337],{"class":280},"  height",[260,339,284],{"class":266},[260,341,342],{"class":315}," 22.5rem",[260,344,291],{"class":266},[260,346,348],{"class":262,"line":347},7,[260,349,350],{"class":266},"}\n",[260,352,354],{"class":262,"line":353},8,[260,355,357],{"emptyLinePlaceholder":356},true,"\n",[260,359,361,363,366],{"class":262,"line":360},9,[260,362,267],{"class":266},[260,364,365],{"class":270},"slide",[260,367,274],{"class":266},[260,369,371,374,376,378],{"class":262,"line":370},10,[260,372,373],{"class":280},"  width",[260,375,284],{"class":266},[260,377,316],{"class":315},[260,379,291],{"class":266},[260,381,383,385,387,389],{"class":262,"line":382},11,[260,384,337],{"class":280},[260,386,284],{"class":266},[260,388,316],{"class":315},[260,390,291],{"class":266},[260,392,394,397,399,402],{"class":262,"line":393},12,[260,395,396],{"class":280},"  overflow",[260,398,284],{"class":266},[260,400,401],{"class":287}," hidden",[260,403,291],{"class":266},[260,405,407,410,412,415],{"class":262,"line":406},13,[260,408,409],{"class":280},"  scroll-snap-align",[260,411,284],{"class":266},[260,413,414],{"class":287}," center",[260,416,291],{"class":266},[260,418,420],{"class":262,"line":419},14,[260,421,357],{"emptyLinePlaceholder":356},[260,423,425,428,430,433],{"class":262,"line":424},15,[260,426,427],{"class":287},"  view-timeline",[260,429,284],{"class":266},[260,431,432],{"class":287}," --slide inline",[260,434,291],{"class":266},[260,436,438],{"class":262,"line":437},16,[260,439,350],{"class":266},[260,441,443],{"class":262,"line":442},17,[260,444,357],{"emptyLinePlaceholder":356},[260,446,448,450,452,455,458],{"class":262,"line":447},18,[260,449,267],{"class":266},[260,451,365],{"class":270},[260,453,454],{"class":266}," .",[260,456,457],{"class":270},"card",[260,459,274],{"class":266},[260,461,463,465,467,469],{"class":262,"line":462},19,[260,464,373],{"class":280},[260,466,284],{"class":266},[260,468,316],{"class":315},[260,470,291],{"class":266},[260,472,474,476,478,480],{"class":262,"line":473},20,[260,475,337],{"class":280},[260,477,284],{"class":266},[260,479,316],{"class":315},[260,481,291],{"class":266},[260,483,485],{"class":262,"line":484},21,[260,486,357],{"emptyLinePlaceholder":356},[260,488,490,493,495,498],{"class":262,"line":489},22,[260,491,492],{"class":280},"  animation",[260,494,284],{"class":266},[260,496,497],{"class":287}," parallax linear both",[260,499,291],{"class":266},[260,501,503,506,508,511],{"class":262,"line":502},23,[260,504,505],{"class":287},"  animation-timeline",[260,507,284],{"class":266},[260,509,510],{"class":287}," --slide",[260,512,291],{"class":266},[260,514,516,519,521,524],{"class":262,"line":515},24,[260,517,518],{"class":287},"  animation-range",[260,520,284],{"class":266},[260,522,523],{"class":287}," cover",[260,525,291],{"class":266},[260,527,529],{"class":262,"line":528},25,[260,530,350],{"class":266},[260,532,534],{"class":262,"line":533},26,[260,535,357],{"emptyLinePlaceholder":356},[260,537,539,543,547],{"class":262,"line":538},27,[260,540,542],{"class":541},"s7zQu","@keyframes",[260,544,546],{"class":545},"sHdIc"," parallax",[260,548,274],{"class":266},[260,550,552,555],{"class":262,"line":551},28,[260,553,554],{"class":270},"  0%",[260,556,274],{"class":266},[260,558,560,563,565,569,572,575],{"class":262,"line":559},29,[260,561,562],{"class":280},"    transform",[260,564,284],{"class":266},[260,566,568],{"class":567},"s2Zo4"," translateX",[260,570,571],{"class":266},"(",[260,573,574],{"class":315},"-50%",[260,576,577],{"class":266},");\n",[260,579,581],{"class":262,"line":580},30,[260,582,583],{"class":266},"  }\n",[260,585,587,590],{"class":262,"line":586},31,[260,588,589],{"class":270},"  50%",[260,591,274],{"class":266},[260,593,595,597,599,601,603,606],{"class":262,"line":594},32,[260,596,562],{"class":280},[260,598,284],{"class":266},[260,600,568],{"class":567},[260,602,571],{"class":266},[260,604,605],{"class":315},"0%",[260,607,577],{"class":266},[260,609,611],{"class":262,"line":610},33,[260,612,583],{"class":266},[260,614,616,619],{"class":262,"line":615},34,[260,617,618],{"class":270},"  100%",[260,620,274],{"class":266},[260,622,624,626,628,630,632,635],{"class":262,"line":623},35,[260,625,562],{"class":280},[260,627,284],{"class":266},[260,629,568],{"class":567},[260,631,571],{"class":266},[260,633,634],{"class":315},"50%",[260,636,577],{"class":266},[260,638,640],{"class":262,"line":639},36,[260,641,583],{"class":266},[260,643,645],{"class":262,"line":644},37,[260,646,350],{"class":266},[249,648,653],{"className":649,"code":650,"filename":651,"language":652,"meta":255,"style":255},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CBlossomCarousel class=\"carousel\">\n  \u003Cdiv class=\"slide\">\n    \u003Cdiv class=\"card\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"slide\">\n    \u003Cdiv class=\"card\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"slide\">\n    \u003Cdiv class=\"card\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  ...\n\u003C\u002FBlossomCarousel>\n",".html","html",[257,654,655,682,702,726,735,753,775,783,801,823,831,836],{"__ignoreMap":255},[260,656,657,660,664,668,671,674,677,679],{"class":262,"line":263},[260,658,659],{"class":266},"\u003C",[260,661,663],{"class":662},"swJcz","BlossomCarousel",[260,665,667],{"class":666},"spNyl"," class",[260,669,670],{"class":266},"=",[260,672,673],{"class":266},"\"",[260,675,271],{"class":676},"sfazB",[260,678,673],{"class":266},[260,680,681],{"class":266},">\n",[260,683,684,687,690,692,694,696,698,700],{"class":262,"line":277},[260,685,686],{"class":266},"  \u003C",[260,688,689],{"class":662},"div",[260,691,667],{"class":666},[260,693,670],{"class":266},[260,695,673],{"class":266},[260,697,365],{"class":676},[260,699,673],{"class":266},[260,701,681],{"class":266},[260,703,704,707,709,711,713,715,717,719,722,724],{"class":262,"line":294},[260,705,706],{"class":266},"    \u003C",[260,708,689],{"class":662},[260,710,667],{"class":666},[260,712,670],{"class":266},[260,714,673],{"class":266},[260,716,457],{"class":676},[260,718,673],{"class":266},[260,720,721],{"class":266},">\u003C\u002F",[260,723,689],{"class":662},[260,725,681],{"class":266},[260,727,728,731,733],{"class":262,"line":307},[260,729,730],{"class":266},"  \u003C\u002F",[260,732,689],{"class":662},[260,734,681],{"class":266},[260,736,737,739,741,743,745,747,749,751],{"class":262,"line":321},[260,738,686],{"class":266},[260,740,689],{"class":662},[260,742,667],{"class":666},[260,744,670],{"class":266},[260,746,673],{"class":266},[260,748,365],{"class":676},[260,750,673],{"class":266},[260,752,681],{"class":266},[260,754,755,757,759,761,763,765,767,769,771,773],{"class":262,"line":334},[260,756,706],{"class":266},[260,758,689],{"class":662},[260,760,667],{"class":666},[260,762,670],{"class":266},[260,764,673],{"class":266},[260,766,457],{"class":676},[260,768,673],{"class":266},[260,770,721],{"class":266},[260,772,689],{"class":662},[260,774,681],{"class":266},[260,776,777,779,781],{"class":262,"line":347},[260,778,730],{"class":266},[260,780,689],{"class":662},[260,782,681],{"class":266},[260,784,785,787,789,791,793,795,797,799],{"class":262,"line":353},[260,786,686],{"class":266},[260,788,689],{"class":662},[260,790,667],{"class":666},[260,792,670],{"class":266},[260,794,673],{"class":266},[260,796,365],{"class":676},[260,798,673],{"class":266},[260,800,681],{"class":266},[260,802,803,805,807,809,811,813,815,817,819,821],{"class":262,"line":360},[260,804,706],{"class":266},[260,806,689],{"class":662},[260,808,667],{"class":666},[260,810,670],{"class":266},[260,812,673],{"class":266},[260,814,457],{"class":676},[260,816,673],{"class":266},[260,818,721],{"class":266},[260,820,689],{"class":662},[260,822,681],{"class":266},[260,824,825,827,829],{"class":262,"line":370},[260,826,730],{"class":266},[260,828,689],{"class":662},[260,830,681],{"class":266},[260,832,833],{"class":262,"line":382},[260,834,835],{"class":287},"  ...\n",[260,837,838,841,843],{"class":262,"line":393},[260,839,840],{"class":266},"\u003C\u002F",[260,842,663],{"class":662},[260,844,681],{"class":266},[242,846,848],{"label":847},"Tailwind",[246,849,850,1015],{},[249,851,853],{"className":251,"code":852,"filename":253,"language":254,"meta":255,"style":255},".slide {\n  view-timeline: --slide inline;\n}\n\n.slide .card {\n  animation: parallax linear both;\n  animation-timeline: --slide;\n  animation-range: cover;\n}\n\n@keyframes parallax {\n  0% {\n    transform: translateX(-50%);\n  }\n  50% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(50%);\n  }\n}\n",[257,854,855,863,873,877,881,893,903,913,923,927,931,939,945,959,963,969,983,987,993,1007,1011],{"__ignoreMap":255},[260,856,857,859,861],{"class":262,"line":263},[260,858,267],{"class":266},[260,860,365],{"class":270},[260,862,274],{"class":266},[260,864,865,867,869,871],{"class":262,"line":277},[260,866,427],{"class":287},[260,868,284],{"class":266},[260,870,432],{"class":287},[260,872,291],{"class":266},[260,874,875],{"class":262,"line":294},[260,876,350],{"class":266},[260,878,879],{"class":262,"line":307},[260,880,357],{"emptyLinePlaceholder":356},[260,882,883,885,887,889,891],{"class":262,"line":321},[260,884,267],{"class":266},[260,886,365],{"class":270},[260,888,454],{"class":266},[260,890,457],{"class":270},[260,892,274],{"class":266},[260,894,895,897,899,901],{"class":262,"line":334},[260,896,492],{"class":280},[260,898,284],{"class":266},[260,900,497],{"class":287},[260,902,291],{"class":266},[260,904,905,907,909,911],{"class":262,"line":347},[260,906,505],{"class":287},[260,908,284],{"class":266},[260,910,510],{"class":287},[260,912,291],{"class":266},[260,914,915,917,919,921],{"class":262,"line":353},[260,916,518],{"class":287},[260,918,284],{"class":266},[260,920,523],{"class":287},[260,922,291],{"class":266},[260,924,925],{"class":262,"line":360},[260,926,350],{"class":266},[260,928,929],{"class":262,"line":370},[260,930,357],{"emptyLinePlaceholder":356},[260,932,933,935,937],{"class":262,"line":382},[260,934,542],{"class":541},[260,936,546],{"class":545},[260,938,274],{"class":266},[260,940,941,943],{"class":262,"line":393},[260,942,554],{"class":270},[260,944,274],{"class":266},[260,946,947,949,951,953,955,957],{"class":262,"line":406},[260,948,562],{"class":280},[260,950,284],{"class":266},[260,952,568],{"class":567},[260,954,571],{"class":266},[260,956,574],{"class":315},[260,958,577],{"class":266},[260,960,961],{"class":262,"line":419},[260,962,583],{"class":266},[260,964,965,967],{"class":262,"line":424},[260,966,589],{"class":270},[260,968,274],{"class":266},[260,970,971,973,975,977,979,981],{"class":262,"line":437},[260,972,562],{"class":280},[260,974,284],{"class":266},[260,976,568],{"class":567},[260,978,571],{"class":266},[260,980,605],{"class":315},[260,982,577],{"class":266},[260,984,985],{"class":262,"line":442},[260,986,583],{"class":266},[260,988,989,991],{"class":262,"line":447},[260,990,618],{"class":270},[260,992,274],{"class":266},[260,994,995,997,999,1001,1003,1005],{"class":262,"line":462},[260,996,562],{"class":280},[260,998,284],{"class":266},[260,1000,568],{"class":567},[260,1002,571],{"class":266},[260,1004,634],{"class":315},[260,1006,577],{"class":266},[260,1008,1009],{"class":262,"line":473},[260,1010,583],{"class":266},[260,1012,1013],{"class":262,"line":484},[260,1014,350],{"class":266},[249,1016,1018],{"className":649,"code":1017,"filename":651,"language":652,"meta":255,"style":255},"\u003CBlossomCarousel\n  class=\"grid! h-90 snap-x snap-mandatory auto-cols-[100%] grid-flow-col\"\n>\n  \u003Cdiv class=\"slide size-full overflow-hidden snap-center\">\n    \u003Cdiv class=\"card size-full\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"slide size-full overflow-hidden snap-center\">\n    \u003Cdiv class=\"card size-full\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"slide size-full overflow-hidden snap-center\">\n    \u003Cdiv class=\"card size-full\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n  ...\n\u003C\u002FBlossomCarousel>\n",[257,1019,1020,1027,1042,1046,1065,1088,1096,1114,1136,1144,1162,1184,1192,1196],{"__ignoreMap":255},[260,1021,1022,1024],{"class":262,"line":263},[260,1023,659],{"class":266},[260,1025,1026],{"class":662},"BlossomCarousel\n",[260,1028,1029,1032,1034,1036,1039],{"class":262,"line":277},[260,1030,1031],{"class":666},"  class",[260,1033,670],{"class":266},[260,1035,673],{"class":266},[260,1037,1038],{"class":676},"grid! h-90 snap-x snap-mandatory auto-cols-[100%] grid-flow-col",[260,1040,1041],{"class":266},"\"\n",[260,1043,1044],{"class":262,"line":294},[260,1045,681],{"class":266},[260,1047,1048,1050,1052,1054,1056,1058,1061,1063],{"class":262,"line":307},[260,1049,686],{"class":266},[260,1051,689],{"class":662},[260,1053,667],{"class":666},[260,1055,670],{"class":266},[260,1057,673],{"class":266},[260,1059,1060],{"class":676},"slide size-full overflow-hidden snap-center",[260,1062,673],{"class":266},[260,1064,681],{"class":266},[260,1066,1067,1069,1071,1073,1075,1077,1080,1082,1084,1086],{"class":262,"line":321},[260,1068,706],{"class":266},[260,1070,689],{"class":662},[260,1072,667],{"class":666},[260,1074,670],{"class":266},[260,1076,673],{"class":266},[260,1078,1079],{"class":676},"card size-full",[260,1081,673],{"class":266},[260,1083,721],{"class":266},[260,1085,689],{"class":662},[260,1087,681],{"class":266},[260,1089,1090,1092,1094],{"class":262,"line":334},[260,1091,730],{"class":266},[260,1093,689],{"class":662},[260,1095,681],{"class":266},[260,1097,1098,1100,1102,1104,1106,1108,1110,1112],{"class":262,"line":347},[260,1099,686],{"class":266},[260,1101,689],{"class":662},[260,1103,667],{"class":666},[260,1105,670],{"class":266},[260,1107,673],{"class":266},[260,1109,1060],{"class":676},[260,1111,673],{"class":266},[260,1113,681],{"class":266},[260,1115,1116,1118,1120,1122,1124,1126,1128,1130,1132,1134],{"class":262,"line":353},[260,1117,706],{"class":266},[260,1119,689],{"class":662},[260,1121,667],{"class":666},[260,1123,670],{"class":266},[260,1125,673],{"class":266},[260,1127,1079],{"class":676},[260,1129,673],{"class":266},[260,1131,721],{"class":266},[260,1133,689],{"class":662},[260,1135,681],{"class":266},[260,1137,1138,1140,1142],{"class":262,"line":360},[260,1139,730],{"class":266},[260,1141,689],{"class":662},[260,1143,681],{"class":266},[260,1145,1146,1148,1150,1152,1154,1156,1158,1160],{"class":262,"line":370},[260,1147,686],{"class":266},[260,1149,689],{"class":662},[260,1151,667],{"class":666},[260,1153,670],{"class":266},[260,1155,673],{"class":266},[260,1157,1060],{"class":676},[260,1159,673],{"class":266},[260,1161,681],{"class":266},[260,1163,1164,1166,1168,1170,1172,1174,1176,1178,1180,1182],{"class":262,"line":382},[260,1165,706],{"class":266},[260,1167,689],{"class":662},[260,1169,667],{"class":666},[260,1171,670],{"class":266},[260,1173,673],{"class":266},[260,1175,1079],{"class":676},[260,1177,673],{"class":266},[260,1179,721],{"class":266},[260,1181,689],{"class":662},[260,1183,681],{"class":266},[260,1185,1186,1188,1190],{"class":262,"line":393},[260,1187,730],{"class":266},[260,1189,689],{"class":662},[260,1191,681],{"class":266},[260,1193,1194],{"class":262,"line":406},[260,1195,835],{"class":287},[260,1197,1198,1200,1202],{"class":262,"line":419},[260,1199,840],{"class":266},[260,1201,663],{"class":662},[260,1203,681],{"class":266},[1205,1206,1207],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":255,"searchDepth":277,"depth":277,"links":1209},[],"Create a slideshow with parallax effects.","md",null,{},{"icon":114},{"title":1216,"description":1217},"Parallax slideshow carousel with Blossom Carousel","Create a slideshow with parallax effects using CSS scroll-driven animations and Blossom Carousel.","-SfDsxFiNEK1h3QNsjVUPab4cwqpmMPLhGLGMR19c8c",[1220,1222],{"title":106,"path":107,"stem":108,"description":1221,"icon":109,"children":-1},"Create a cover-flow carousel effect with CSS scroll-driven animations.",{"title":116,"path":117,"stem":118,"description":1223,"icon":119,"children":-1},"Build an Instagram Stories-inspired 3d effect.",{"baselineBadge":1225,"browserBadges":1229,"sources":1246,"updatedAt":1250},{"label":1226,"value":1227,"title":1228},"Baseline","Limited","view-timeline is not Baseline yet in the WebDX web-features data.",[1230,1234,1237,1242],{"browser":1231,"version":1232,"title":1233},"Chrome","115+","Chrome supports view-timeline from version 115.",{"browser":1235,"version":1232,"title":1236},"Edge","Edge supports view-timeline from version 115.",{"browser":1238,"version":1239,"note":1240,"title":1241},"Firefox","114+","flag","Firefox supports view-timeline from version 114 with a browser flag enabled.",{"browser":1243,"version":1244,"title":1245},"Safari","26+","Safari supports view-timeline from version 26.",{"bcd":1247,"mdn":1248,"webFeatures":1249},"https:\u002F\u002Fgithub.com\u002Fmdn\u002Fbrowser-compat-data\u002Fblob\u002Fmain\u002Fcss\u002Fproperties\u002Fview-timeline.json","https:\u002F\u002Fdeveloper.mozilla.org\u002Fdocs\u002FWeb\u002FCSS\u002FReference\u002FProperties\u002Fview-timeline","https:\u002F\u002Fgithub.com\u002Fweb-platform-dx\u002Fweb-features\u002Fblob\u002Fmain\u002Ffeatures\u002Fscroll-driven-animations.yml","2026-05-31T14:53:11.753Z",1780256956010]