The code on this page wasn't mine originally, however I made it my ow. The original page HERE.
This is a simple example of how to use CSS transformation and animations to get interesting-looking behavior.
The three rings are constructed using a simple JavaScript function that creates elements and assigns them a transform that describes their position in the ring. CSS animations are then used to rotate each ring, and to spin the containing element around too.
Note that you can still select the numbers on the ring; everything remains clickable.
There are numbers in each poster or card. Although the opacity has been dialed down to ZERO. While I can think of a few applications for this, I'm not playing with it much for now. I'll come back to this at a later time. The text shown here on this page came from Hipsters Ipsum a website that generated random words for development purposes only, just to fill space with real quick using particular volumes of text. The CSS and JAVASCRIPT code are native to this page. Other wise known as internal. There is INTERNAL, INLINE and EXTERNAL code for css and javascript and probably others, but right now I'm only aware of these two. INLINE is where the code is placed on the line the code is meant to have effect in most cases. INTERNAL is where the code is usually places inside the head of the code. EXTERNAL is where the code is placed in another file then linked to from inside the HTML file.
I'm baby normcore cred literally drinking vinegar. Kitsch vegan cupping activated charcoal before they sold out semiotics. Hoodie raw denim palo santo chillwave. VHS fam you probably haven't heard of them iceland. Authentic mukbang next level, meh vegan mustache ascot celiac vice DSA chia health goth cloud bread wayfarers. Pok pok health goth succulents lo-fi bushwick YOLO jianbing vape slow-carb offal try-hard shaman ethical fit unicorn. Kinfolk neutra big mood cliche flannel pour-over pinterest humblebrag vice twee echo park same jianbing. Fingerstache marfa ugh semiotics grailed. 3 wolf moon PBR&B twee, authentic vexillologist waistcoat pitchfork small batch polaroid ramps street art austin distillery sustainable. Cupping truffaut vinyl woke glossier, shoreditch swag lyft plaid fit JOMO. Man braid humblebrag mukbang man bun hot chicken narwhal irony. Put a bird on it plaid listicle vice 8-bit street art JOMO marxism enamel pin gatekeep retro copper mug man bun big mood affogato. Edison bulb la croix kickstarter, everyday carry messenger bag banjo man bun you probably haven't heard of them big mood flexitarian jawn ramps mixtape mukbang salvia. Unicorn banh mi authentic, cupping grailed af hell of pickled. Bitters seitan activated charcoal slow-carb cliche copper mug art party cornhole. Heirloom master cleanse meggings biodiesel, portland messenger bag chicharrones venmo thundercats brunch activated charcoal williamsburg. Dreamcatcher vinyl grailed everyday carry. Copper mug jianbing enamel pin biodiesel you probably haven't heard of them hashtag. Fingerstache flexitarian try-hard, single-origin coffee vice pop-up glossier unicorn vexillologist skateboard woke semiotics typewriter. Cliche typewriter jianbing roof party thundercats kogi messenger bag. Pabst adaptogen gastropub offal church-key helvetica narwhal gorpcore sartorial truffaut pok pok glossier. Health goth hot chicken next level paleo try-hard bitters, affogato pour-over yuccie lyft cred taiyaki gentrify narwhal. Shoreditch fam tacos tbh. Schlitz single-origin coffee selfies lyft. Knausgaard stumptown retro hoodie umami meh pickled gochujang small batch cornhole sartorial succulents bodega boys celiac. Godard DSA scenester, street art gentrify poutine tumeric 8-bit taxidermy locavore pitchfork PBR&B. Slow-carb VHS meditation, food truck neutral milk hotel drinking vinegar vibecession live-edge. Fixie direct trade disrupt la croix pork belly leggings. Mukbang church-key kinfolk hella letterpress flexitarian shoreditch mustache YOLO occupy tousled pabst skateboard plaid. Brunch fit gluten-free keytar microdosing hell of blue bottle tattooed before they sold out disrupt. Keffiyeh affogato hella austin tilde direct trade hoodie pickled intelligentsia grailed 8-bit. Keytar pitchfork seitan typewriter taiyaki praxis franzen chia. Adaptogen neutral milk hotel vice pour-over, asymmetrical green juice craft beer blackbird spyplane flexitarian chartreuse cardigan tbh. Jean shorts shabby chic cliche, umami roof party forage JOMO chambray craft beer pug wolf food truck kinfolk. You probably haven't heard of them la croix kinfolk swag, selvage bushwick migas. Four loko sus pitchfork, letterpress sustainable narwhal craft beer retro readymade copper mug. Pickled flannel shaman deep v la croix wolf butcher. Keffiyeh tofu gastropub jean shorts gentrify sriracha crucifix ethical tacos umami JOMO paleo selvage. Irony man bun cray green juice jean shorts, tonx YOLO. Ethical cornhole JOMO 8-bit fam fit pabst selvage. Fam brunch echo park, polaroid 8-bit taiyaki sus helvetica vexillologist gastropub adaptogen cray 3 wolf moon. Same lomo tumeric pug, palo santo thundercats pour-over hammock hell of hexagon celiac art party jean shorts. Fixie biodiesel succulents, gorpcore selvage paleo ennui tumblr adaptogen gluten-free before they sold out locavore. Ennui keffiyeh deep v mustache. Post-ironic marfa tote bag trust fund gorpcore, subway tile 90's. Meh vaporware polaroid intelligentsia fixie, bespoke taiyaki master cleanse blog salvia gastropub etsy. Echo park fit vibecession you probably haven't heard of them aesthetic, literally readymade four dollar toast umami gatekeep kickstarter beard neutra photo booth. Edison bulb plaid quinoa readymade PBR&B neutral milk hotel. Artisan adaptogen jianbing raclette, shabby chic farm-to-table enamel pin tumeric four loko DSA JOMO umami readymade occupy. Mukbang cliche health goth marxism chia. Kickstarter banjo lyft ennui grailed heirloom +1. Fit vegan freegan next level jianbing bushwick coloring book grailed. Gatekeep heirloom vape master cleanse retro. Occupy church-key yes plz fingerstache intelligentsia paleo brunch pug small batch ascot locavore mixtape neutra dreamcatcher chia. Shoreditch af activated charcoal gentrify bruh tote bag JOMO fit brunch. Leggings scenester try-hard air plant intelligentsia bruh, keffiyeh chartreuse franzen glossier live-edge PBR&B vice butcher. Gastropub meggings blue bottle slow-carb air plant live-edge. Literally mlkshk offal, meh post-ironic heirloom schlitz. Af sus distillery hammock, prism selfies taiyaki put a bird on it snackwave meh tote bag 90's lyft listicle cronut. Marfa tofu Brooklyn jawn trust fund unicorn organic four dollar toast williamsburg DSA. Gatekeep cray scenester, jean shorts sriracha chia church-key listicle letterpress raw denim ennui. Tousled four loko kale chips mukbang, hella biodiesel gorpcore. Chartreuse chia post-ironic cornhole yr four dollar toast man bun, kombucha keffiyeh lomo activated charcoal hammock. Single-origin coffee craft beer roof party palo santo. Praxis salvia drinking vinegar kale chips offal. Raw denim ennui next level fingerstache. Pinterest ascot yes plz mustache literally. Poke blue bottle austin polaroid XOXO biodiesel. Vape big mood master cleanse jianbing four loko snackwave franzen tilde drinking vinegar neutra 90's lumbersexual semiotics adaptogen offal. Vaporware asymmetrical deep v man bun. Schlitz craft beer put a bird on it, pinterest man bun jean shorts selvage. Woke palo santo unicorn, organic ascot literally williamsburg bruh banjo raw denim cloud bread lo-fi kombucha. Cronut tbh single-origin coffee prism paleo cray.
Post-ironic marfa tote bag trust fund gorpcore, subway tile 90's. Meh vaporware polaroid intelligentsia fixie, bespoke taiyaki master cleanse blog salvia gastropub etsy. Echo park fit vibecession you probably haven't heard of them aesthetic, literally readymade four dollar toast umami gatekeep kickstarter beard neutra photo booth. Edison bulb plaid quinoa readymade PBR&B neutral milk hotel. Artisan adaptogen jianbing raclette, shabby chic farm-to-table enamel pin tumeric four loko DSA JOMO umami readymade occupy. Mukbang cliche health goth marxism chia. Kickstarter banjo lyft ennui grailed heirloom +1. Fit vegan freegan next level jianbing bushwick coloring book grailed. Gatekeep heirloom vape master cleanse retro. Occupy church-key yes plz fingerstache intelligentsia paleo brunch pug small batch ascot locavore mixtape neutra dreamcatcher chia. Shoreditch af activated charcoal gentrify bruh tote bag JOMO fit brunch. Leggings scenester try-hard air plant intelligentsia bruh, keffiyeh chartreuse franzen glossier live-edge PBR&B vice butcher. Gastropub meggings blue bottle slow-carb air plant live-edge.
I'm baby normcore cred literally drinking vinegar. Kitsch vegan cupping activated charcoal before they sold out semiotics. Hoodie raw denim palo santo chillwave. VHS fam you probably haven't heard of them iceland. Authentic mukbang next level, meh vegan mustache ascot celiac vice DSA chia health goth cloud bread wayfarers. Pok pok health goth succulents lo-fi bushwick YOLO jianbing vape slow-carb offal try-hard shaman ethical fit unicorn. Kinfolk neutra big mood cliche flannel pour-over pinterest humblebrag vice twee echo park same jianbing. Fingerstache marfa ugh semiotics grailed. 3 wolf moon PBR&B twee, authentic vexillologist waistcoat pitchfork small batch polaroid ramps street art austin distillery sustainable. Cupping truffaut vinyl woke glossier, shoreditch swag lyft plaid fit JOMO. Man braid humblebrag mukbang man bun hot chicken narwhal irony. Put a bird on it plaid listicle vice 8-bit street art JOMO marxism enamel pin gatekeep retro copper mug man bun big mood affogato. Edison bulb la croix kickstarter, everyday carry messenger bag banjo man bun you probably haven't heard of them big mood flexitarian jawn ramps mixtape mukbang salvia. Unicorn banh mi authentic, cupping grailed af hell of pickled. Bitters seitan activated charcoal slow-carb cliche copper mug art party cornhole. Heirloom master cleanse meggings biodiesel, portland messenger bag chicharrones venmo thundercats brunch activated charcoal williamsburg. Dreamcatcher vinyl grailed everyday carry. Copper mug jianbing enamel pin biodiesel you probably haven't heard of them hashtag. Fingerstache flexitarian try-hard, single-origin coffee vice pop-up glossier unicorn vexillologist skateboard woke semiotics typewriter. Cliche typewriter jianbing roof party thundercats kogi messenger bag. Pabst adaptogen gastropub offal church-key helvetica narwhal gorpcore sartorial truffaut pok pok glossier. Health goth hot chicken next level paleo try-hard bitters, affogato pour-over yuccie lyft cred taiyaki gentrify narwhal. Shoreditch fam tacos tbh. Schlitz single-origin coffee selfies lyft. Knausgaard stumptown retro hoodie umami meh pickled gochujang small batch cornhole sartorial succulents bodega boys celiac. Godard DSA scenester, street art gentrify poutine tumeric 8-bit taxidermy locavore pitchfork PBR&B. Slow-carb VHS meditation, food truck neutral milk hotel drinking vinegar vibecession live-edge. Fixie direct trade disrupt la croix pork belly leggings. Mukbang church-key kinfolk hella letterpress flexitarian shoreditch mustache YOLO occupy tousled pabst skateboard plaid. Brunch fit gluten-free keytar microdosing hell of blue bottle tattooed before they sold out disrupt. Keffiyeh affogato hella austin tilde direct trade hoodie pickled intelligentsia grailed 8-bit. Keytar pitchfork seitan typewriter taiyaki praxis franzen chia. Adaptogen neutral milk hotel vice pour-over, asymmetrical green juice craft beer blackbird spyplane flexitarian chartreuse cardigan tbh. Jean shorts shabby chic cliche, umami roof party forage JOMO chambray craft beer pug wolf food truck kinfolk. You probably haven't heard of them la croix kinfolk swag, selvage bushwick migas. Four loko sus pitchfork, letterpress sustainable narwhal craft beer retro readymade copper mug. Pickled flannel shaman deep v la croix wolf butcher. Keffiyeh tofu gastropub jean shorts gentrify sriracha crucifix ethical tacos umami JOMO paleo selvage. Irony man bun cray green juice jean shorts, tonx YOLO. Ethical cornhole JOMO 8-bit fam fit pabst selvage. Fam brunch echo park, polaroid 8-bit taiyaki sus helvetica vexillologist gastropub adaptogen cray 3 wolf moon. Same lomo tumeric pug, palo santo thundercats pour-over hammock hell of hexagon celiac art party jean shorts. Fixie biodiesel succulents, gorpcore selvage paleo ennui tumblr adaptogen gluten-free before they sold out locavore. Ennui keffiyeh deep v mustache. Post-ironic marfa tote bag trust fund gorpcore, subway tile 90's. Meh vaporware polaroid intelligentsia fixie, bespoke taiyaki master cleanse blog salvia gastropub etsy. Echo park fit vibecession you probably haven't heard of them aesthetic, literally readymade four dollar toast umami gatekeep kickstarter beard neutra photo booth. Edison bulb plaid quinoa readymade PBR&B neutral milk hotel. Artisan adaptogen jianbing raclette, shabby chic farm-to-table enamel pin tumeric four loko DSA JOMO umami readymade occupy. Mukbang cliche health goth marxism chia. Kickstarter banjo lyft ennui grailed heirloom +1. Fit vegan freegan next level jianbing bushwick coloring book grailed. Gatekeep heirloom vape master cleanse retro. Occupy church-key yes plz fingerstache intelligentsia paleo brunch pug small batch ascot locavore mixtape neutra dreamcatcher chia. Shoreditch af activated charcoal gentrify bruh tote bag JOMO fit brunch. Leggings scenester try-hard air plant intelligentsia bruh, keffiyeh chartreuse franzen glossier live-edge PBR&B vice butcher. Gastropub meggings blue bottle slow-carb air plant live-edge. Literally mlkshk offal, meh post-ironic heirloom schlitz. Af sus distillery hammock, prism selfies taiyaki put a bird on it snackwave meh tote bag 90's lyft listicle cronut. Marfa tofu Brooklyn jawn trust fund unicorn organic four dollar toast williamsburg DSA. Gatekeep cray scenester, jean shorts sriracha chia church-key listicle letterpress raw denim ennui. Tousled four loko kale chips mukbang, hella biodiesel gorpcore. Chartreuse chia post-ironic cornhole yr four dollar toast man bun, kombucha keffiyeh lomo activated charcoal hammock. Single-origin coffee craft beer roof party palo santo. Praxis salvia drinking vinegar kale chips offal. Raw denim ennui next level fingerstache. Pinterest ascot yes plz mustache literally. Poke blue bottle austin polaroid XOXO biodiesel. Vape big mood master cleanse jianbing four loko snackwave franzen tilde drinking vinegar neutra 90's lumbersexual semiotics adaptogen offal. Vaporware asymmetrical deep v man bun. Schlitz craft beer put a bird on it, pinterest man bun jean shorts selvage. Woke palo santo unicorn, organic ascot literally williamsburg bruh banjo raw denim cloud bread lo-fi kombucha. Cronut tbh single-origin coffee prism paleo cray. Tumeric raclette lyft, brunch scenester truffaut ennui kitsch. Flannel narwhal synth etsy fingerstache kitsch big mood echo park live-edge. Seitan selfies 3 wolf moon, intelligentsia etsy bodega boys squid actually hell of lo-fi offal cupping stumptown letterpress. Leggings tattooed enamel pin vinyl disrupt squid. Roof party waistcoat keytar jianbing offal farm-to-table tbh cornhole vice poke single-origin coffee normcore typewriter. Mixtape iceland praxis shabby chic, meh readymade vegan tofu offal synth godard. Tote bag art party microdosing sartorial air plant same chillwave kickstarter mlkshk tbh next level whatever taxidermy kogi pork belly. Narwhal snackwave pug DSA poutine neutra fingerstache bodega boys jean shorts coloring book adaptogen plaid meggings. Palo santo activated charcoal man braid, tilde kogi fanny pack tofu migas swag affogato fingerstache food truck lomo. Ascot pitchfork Brooklyn, tumblr four dollar toast chambray cardigan. Ugh lumbersexual taiyaki marfa la croix jianbing. Scenester tousled flannel beard cupping small batch. Snackwave pour-over plaid +1 neutra. Listicle dreamcatcher hella blackbird spyplane readymade stumptown meggings kogi affogato neutral milk hotel kickstarter fashion axe chartreuse sartorial tote bag. Coloring book craft beer disrupt squid farm-to-table vibecession PBR&B paleo. Lumbersexual DSA cupping, snackwave leggings sus cred jean shorts blog bruh JOMO poutine. Cardigan DIY ascot, marxism YOLO taiyaki kitsch messenger bag letterpress mlkshk pickled. Migas locavore umami air plant taxidermy, pinterest pour-over semiotics affogato health goth. Vegan seitan yr, ascot unicorn echo park lo-fi marfa waistcoat williamsburg. Tofu everyday carry salvia hell of raw denim, truffaut DSA poutine. Big mood live-edge drinking vinegar venmo, JOMO pug pabst woke twee jianbing photo booth selvage. Kombucha etsy pork belly slow-carb skateboard enamel pin drinking vinegar yr live-edge tumblr air plant bodega boys. Franzen gorpcore letterpress schlitz, food truck ugh shoreditch meditation slow-carb craft beer pickled paleo vaporware squid. Bushwick succulents trust fund praxis blue bottle hell of. Yr shabby chic skateboard brunch ramps narwhal kickstarter next level iceland shaman stumptown praxis adaptogen venmo air plant. Neutral milk hotel wayfarers narwhal edison bulb bodega boys polaroid coloring book gentrify. Offal affogato chicharrones locavore PBR&B asymmetrical normcore bicycle rights put a bird on it taiyaki. Mukbang same umami meggings ugh chia before they sold out hexagon disrupt man braid food truck shaman. Mustache vexillologist gluten-free godard, crucifix swag iPhone raw denim. Next level vaporware direct trade pickled trust fund cray tumblr food truck organic schlitz snackwave. Four loko kogi air plant, Brooklyn locavore grailed shaman pok pok keytar pabst bodega boys readymade marxism normcore. Hammock photo booth woke hot chicken. Prism put a bird on it plaid, pickled kickstarter mustache pinterest forage fixie meh food truck sriracha. Gluten-free messenger bag edison bulb sartorial marxism gorpcore pork belly vape yes plz microdosing selfies lomo. Ennui sustainable cronut chia blackbird spyplane VHS tattooed hell of green juice humblebrag offal adaptogen leggings hot chicken wayfarers. Food truck copper mug mlkshk vinyl try-hard normcore PBR&B. Brunch whatever lyft raclette waistcoat. Cred palo santo kickstarter raw denim direct trade hella plaid subway tile gastropub. Narwhal gastropub paleo squid craft beer readymade tumeric godard franzen mukbang tilde. Vice bodega boys woke aesthetic, cray pour-over mixtape. Tousled quinoa occupy knausgaard trust fund bruh. Yr four loko tumeric street art craft beer selfies, freegan cronut organic. Beard marfa edison bulb messenger bag, poke thundercats neutra snackwave meditation squid humblebrag solarpunk man bun try-hard kickstarter. Whatever narwhal VHS, tofu tbh solarpunk sriracha kogi DSA. Craft beer subway tile vegan bicycle rights kickstarter. Heirloom waistcoat poutine, glossier gluten-free sustainable you probably haven't heard of them street art actually yuccie locavore. Pitchfork echo park yuccie heirloom subway tile literally, shabby chic roof party bruh. Bodega boys salvia YOLO cold-pressed, squid tbh praxis beard neutra before they sold out umami coloring book green juice. Cray street art vice raw denim bushwick aesthetic. Shabby chic stumptown narwhal kombucha shoreditch taiyaki.