#button hover animation

[codingflicks]

CSS Button Hover Animation

[monsoon-of-art]

you guys need to promise to be extra nicey to me because I had a really long day and drawing this made me feel overwhelming amounts of cringe ok

heres some monster haydays.

[codenewbies]

Flipping Button CSS

[goldensmilingbird]

I figured out how to super boop people >:)

[postmakerkiwi]

🧊 Crystal Glacier Expedition - Neon Cave Tour ❄️

This extensive cave system circling underneath the center of the glacier is home to several large pools of subzero waters, brightly illuminated from below. Try not to lose sight of the guide, but if you do, just watch your step and follow the sound of crunching snow from the group's steady march.

photos by CatbatQuartet

[fiddles-ifs]

WAIT oh my god you figured out toggles in twine??? please explain??? I've got a text effect I've been dying to add in my IF but I'm worried it'll be visually too much for some players/a pain for fast readers so I've been trying to figure out how to give folks a toggle option but I don't know how and I haven't been able to find anything helpful... any advice at all you have would be helpful and deeply appreciated!!

Oh Jesus -- I wouldn't say it's a good solution, but it works. Sometimes. Essentially I create a custom class (in my case ".snaggletooth") and in settings I create a toggle for people to either append the class to its dialogue ("true") or leave it as normal text ("false").

The code looks something like this:

var settingSnaggletoothDialogue = function () { if (settings.snaggletooth) { // is true $("html").addClass("snaggletooth"); } else { // is false $("html").removeClass("snaggletooth"); } }; Setting.addToggle("snaggletooth", { label : "Allow animated text for certain characters' dialogues?", default : false, onInit : settingSnaggletoothDialogue, onChange : settingSnaggletoothDialogue } );

Then you add a few lines of CSS code that tells the robot what paragraphs with the .snaggletooth class should look like. Theoretically this should work. I have yet to animate the text because I'm scared.

Also, to note: I'm using SugarCube v2. I'm sure this is different for Chapbook or Harlowe.

[unicornfan]

WHAT TE FUCK IS AN EVIL BOOP

boop laced with killing intent

[oliverjessner]

Fancy css button animations

[vicagentstan]

hey people here's the ultimate boop guide!! (in case ur confused)

to boop people, just go to either the home/explore page and scroll until you find someone with a boop button next to their name like this ↓

just click that and u booped someone!!

(some people opted out so not everyone has that option)

(also, it doesn't matter if the person is following you, your moot, etc,, u can just boop a random stranger!)

you can also boop yourself by going to your own blog and click the boop button on top of a post that you made/reblogged !

(also gives you this pop-up lol)

you can also view someone's blog and then boop them with this button !

last but not least we have the super boop !!

find any boop button, hover over it for a few seconds, then it should do a spinning animation; then click it and if it gives u this pop-up that means it worked :3

update: ok i dont think super booping works on mobile :(

WAIT GUYS YOU CAN EVIL BOOP SOMEONE

hover over the boop button and wait for it to do the spinning animation at least 3 times, then click it and it should give u this pop-up

im gonna try super booping everyone who interacts with this lol

ok im also gonna attempt to super boop your other accounts too

I CANT KEEP UP HELPP 😭 (also its almost midnight for me now..)

woke up with 7k notes and its still going 😭 not attempting to boop every single person anymore lol.. 💔

muting notifs on this post since its over

[divinector]

Social Media Icon Hover

[codingflicks]

CSS Button Hover Animation

[jklpopcorn]

figured out how to super boop B)

Hell yeah!!! >:D

[codenewbies]

CSS Button Border Animation

[mbrine]

I have hacked the mainframe (Inspect Element) (UPDATED FOR HALLOWEEN BOOP WAR)

MAX - 1000

LOL - 1500

OMG - 2000

WOW - 4000

*-* - 5000

WHY - 6000

PLZ - 7000

AAA - 7500

;_; - 8000

0_0 - 8500

T_T - 9000

MAX - ~9200? (Hard to tell, I've overshot this twice already)

BOO - 9500

TUM - 10000 given

BLR - 10000 received

How to Super Boop

On desktop, hover your mouse over the Boop button for around 5 seconds, and it will do 2 spins.

Once the button is done spinning, click on it and you can send a Super Boop!

EVIL BOOPS can be accessed by allowing the animation to play 3 times before clicking

One way to get Super Boops on mobile is using a web browser to access tumblr. Use "Desktop Site"/"Desktop Mode", then click and hold the button to send the boop. That'll convert it to a Super Boop button. It seems pretty inconsistent though.

For all clicking enthusiasts, do click this too, trust me, it's just as satisfying

Omg thanks everyone for the boops, I've been butterfly clicking the boop button for so many different people for the past 6 hours and I'm exhausted

I'm pretty sure this is also my most engaged post on any platform I've ever used, thanks for all the RBs and likes <3 <3 <3

If anyone's crazy enough to try reaching 10k without an autoclicker, here's what I did

Ok, one more tutorial for the boops before I go to bed for real.

How do I check my exact given and received boop count?

NOTE: You'll need to refresh the page to update the counters, unless there's another method to check the live count

Chrome

Go to your dash ("home" tab).

Press f12, or right click and select "Inspect Element"

In the window that pops up, click on "Sources" then "dashboard" under "www.tumblr.com" (Pic below for reference)

In the window showing the code, press Ctrl+F and type in either "givenCount" or "receivedCount".

Ta da! (Pic below for reference)

Firefox

Go to your dash ("home" tab).

Press f12, or right click and select "Inspect Element (Q)"

In the window that pops up, click on "Debugger", then "Sources" and "dashboard" under "www.tumblr.com" (Pic below for reference)

In the window showing the code, press Ctrl+F and type in either "givenCount" or "receivedCount".

Enjoy formatting (Pic below for reference)

Gonna take a break from Tumblr for now, my fingers are in shambles and I'm pretty sure I can hear the mouse clicks echoing around inside my skull. Thanks to everyone for making this random Singaporean guy's day, mbrine signing out! ❤

Here's a link to A vetted Palestinian family fundraiser masterpost by @/el-shab-hussein and A masterpost on how you can help Palestine

Happy April Fool's Day!

October 31st changelog:

Removed "bait links", now the link actually says where it directs to

Updated some info regarding tiers

[sixeyesonathiel]

satoru gojo is cocky, top of the class, and one passive-aggressive emoji away from tears.

a/n: nerdjo is so easily rage baited it’s actually embarrassing. one compliment from you and he’s rewriting his entire thesis out of spite. i love bullying him gently.

satoru is going to break his keyboard.

his fingers twitch above the keys—hesitating, retreating, returning again—hovering like they might snap the poor letters clean off. the skin on his knuckles is taut, his jaw clenched so hard it ticks like a time bomb, and his mouth is parted just barely, like he’s one saccharine comment away from spontaneously combusting.

strands of white hair keep falling over his forehead—static-charged from his hoodie—and he shoves them back, again and again, increasingly violent about it, like maybe the hair is conspiring with you. his glasses have slipped halfway down his nose. the gleam of his lenses barely masks the pure, incandescent rage in his eyes.

those eyes, now glassy with disbelief, are locked on the latest reply from you—the class discussion board’s reigning empress of emotional terrorism. his academic rival. personal poltergeist. a sugar-coated demon in pastel lip gloss.

oh satoru, i think it’s so admirable how you stuck by that article! not many people would be brave enough to defend a source that’s been debunked four times. it’s honestly kind of inspiring. keep doing you!

his vision goes white.

that is not a compliment. it is a tactical airstrike in a pink envelope. he knows it. you know it. and worst of all, you signed off with a heart emoji. a heart. he can see your face in his head—tilted just slightly, like you’re too sweet to possibly mean harm, but your eyes glint like you’re holding a scalpel behind your back.

his reply has already died and resurrected five times. the first version read like a cease-and-desist letter. the second had footnotes so aggressive it required double-spaced disclaimers. the third almost made it to the post button, until he remembered your last reply that ended with, “hope this clears it up, prof said some people struggle with statistical nuance.”

you are not just baiting him. you’ve turned it into an art form. a spiritual practice. and your weapon of choice is niceness so passive-aggressive it should be federally regulated.

back in first year econ, you sat beside him, humming under your breath and tapping your pen against the desk in tempo with his unraveling sanity. you kicked his bag under the table. you leaned close just to whisper, “your equation’s wrong, but don’t worry, i won’t tell anyone! not everyone’s meant for regression models.”

you once highlighted his errors in the shared google doc—in pink. pastel pink. with cheerful comments like “uh oh!” and “almost got it!” he swears he could hear the sparkle emoji implied in your tone. the worst part? your spelling was immaculate.

he still thinks about it in the shower.

now?

now he’s two seconds away from flinging his laptop across the room. the lab’s overhead lights buzz like mosquitoes. someone’s typing across from him, calm and steady, and it only amplifies the sound of his own frenzied assault on the keyboard.

his typing is violent. the spacebar clacks like gunfire. he’s halfway through a paragraph when he snarls—actually snarls—and deletes the whole thing. he writes another. more venomous. more precise. then pauses, eyes narrowing.

because you’ve edited your post.

p.s. just reread your old comment and i think i finally get your logic now! i must’ve been too slow before. thanks for your patience <3

he makes a sound. an animal sound. it’s somewhere between a wheeze and a gasp. his knee bounces under the table, leg jittery with restrained rage.

“i hate her,” he breathes.

from across the lab, shoko doesn’t even glance up. “you said that yesterday.”

“i mean it today.”

she lifts her eyes only slightly to peer over her laptop, one brow arched in apathy. “you said that yesterday too.”

“no, no, no—you don’t understand, shoko.” he shoves his glasses up the bridge of his nose, the frames skewed slightly to the left from stress. “she thanked me.”

“chilling.”

“she made it sound real. like she appreciated it. like she didn’t just nuke my thesis and then bake me a fucking muffin.”

“did she add sprinkles?”

“a smiley face.”

he slumps forward, head in his hands, glasses slipping again. his breath fogs the screen. it’s like you’re there—he swears he smells that damn peach shampoo you use. he hears the echo of your voice cooing, “aww, did i mess up your graph again?” like a knife wrapped in a silk ribbon.

he’s haunted. infuriated. he’d rather be insulted outright, mocked, cursed at, anything but this sweet, syrupy condescension that drips like poison into his every academic wound.

then his inbox pings.

a private message.

hey, sorry again for misunderstanding your point in the thread! i know you work really hard on these. if you ever want to explain it to me one-on-one, i’d love that. i learn best from people who are smarter than me :)

his soul ascends. his body remains.

he stares at the message, slack-jawed. horror prickles under his skin like cold water. one hand twitches toward the power button, but he hesitates. you know what you’re doing.

and he hates that it’s working.

“what did she say now?” shoko asks, sipping lukewarm coffee from a chipped mug labeled ‘property of shoko: touch and perish.’

he doesn’t look up. “she wants me to teach her.”

“sounds like flirting.”

“it’s not flirting.”

“she called you smart.”

he pauses. then squints at the screen like it just insulted his bloodline. “she called me smart the way you praise a goldfish for finding the glass.”

he types:

sure. let me know when.

deletes it.

types:

that’s… fine. i guess.

deletes that too.

his fingers hover over the keys.

he types, each letter hammered with the weight of pride swallowed whole:

if you need clarification, i can walk you through it. though i'm sure you'll figure it out eventually.

hits send.

wants to die.

he sags back, hoodie bunching around his shoulders. his sleeves fall over his knuckles. his knee taps against the metal chair leg in a relentless rhythm. he stares at the blinking cursor like it’s counting down to his doom. the little grey dots appear. you’re typing. again. you’re going to be worse. he knows this. the anticipation is psychological warfare.

he watches anyway.

this is war.

[cherrygirlfriend]

─── YOU'VE GOT MAIL .ᐟ

...or how reader made a friend in the most unconventional way.

★ pairing.ᐟ frat!rafe x nerd!reader

★ summary.ᐟ rafe cameron is the golden boy of kildare university; certified frat boy, captain of the football team, relentless party animal with lines of girls to sleep with.

reader couldn't be more different; while she has the best grades in the whole school, she suffers from social anxiety disorder, and her social life is limited to her three best friends and the cat she secretly snuck into her dorm room.

both of them decide to join the anonymous chatroom for their campus, and start talking to one another,, a friendship starting to form between the two; but neither of them know how different the other is.

★ author's note.ᐟ NOW A SERIES! i hope you guys like this! i'm considering making this into a series; if i do, i think i'd do it the same way this fic is, aka some narration but mostly 'chatting' between rafe and reader. anyway, let me know if you want it to continue!! i've been feeling down for a few weeks now, so something simple and fun like this was a good way to get back into the flow of writing.

i thought about making this a smau, but doing the chats like this feels more authentic to the 2000s chatroom experience y’know

you were sitting on your bed, your laptop open on a website called KildareUChats, a website that was apparently meant for the students of your university to be able to anonymously chat with other students, your friend having told you to give it a try, knowing that it’d be difficult for you to do in person.

you didn't really see the point of it; although your social circle was in no way huge, you were happy enough with it, really. never having been great with new people, you'd made three friends on your freshman year of college and simply stuck to them. it didn't help that whenever you tried to talk to someone new, it felt like someone was choking you.

but this was online. the person on the other side would never know who you are, and you'd never have to actually be face-to-face with them. your cursor moved to hover over the 'REGISTER' button, and you filled the page out with your basic information, name, school email, birth date... but when the website asked for a username, you couldn't help but purse your lips as you looked around your dorm room, from the fairy lights you'd hung up on walls that now glowed in a yellowish hue, to the several books stacked on the floor, to the dead roses on your desk...

but when your eyes landed on your nightstand, you spotted a book of poems by edgar allan poe, and your lips quirked up into a small smile. after you typed the name 'AnnabelLee' into the username field, a green check mark appeared next to it to signify it was available.

after setting a password, you were redirected to a page that said 'WELCOME TO KILDAREUCHATS AnnabelLee! CLICK HERE IF YOU WISH TO CONNECT WITH A RANDOM STRANGER!'. you clicked the button, your cursor turning into a circle for a moment as it loaded, before you were redirected to a chatroom with a pop-up.

KILDAREUCHATS IS CONNECTING YOU TO A STRANGER...

KILDAREUCHATS HAS CONNECTED YOU! REMEMBER TO TREAT OTHERS THE WAY YOU WANT TO BE TREATED <3 SAY HI!

you stared at your computer screen, biting into your lower lip. you had no idea what you were supposed to say; outside of the people you already knew, you were helpless when talking to people, the words always getting stuck in your throat, or vanishing from your mind. angel's white fur blended in with your white sheets as your hand moved to absentmindedly stroke her, the little cat purring in her sleep. but before your hand could dart out to type something on your laptop, a message appeared on the screen.

STRANGER: heyy

taking in a deep breath, you shook your head, as if shaking all doubts and worries out of it. the site was anonymous; that was the whole point. and your therapist told you, that for your social anxiety to get better, you should try go socialize. mingle. you took the bottle of cheap white wine you'd snuck into your dorm, taking a large swig straight out of the bottle before setting it back down, your hands flying to your keyboard.

YOU: hi :)

STRANGER: wsp?

YOU: ...wasp?

STRANGER: lmao no... what's up?

YOU: sorry, i'm not good with that kind of lingo haha. YOU: nothing much. i'm hanging out with my cat.

STRANGER: damn, do you have an off-campus apartment or something?

YOU: nope :) YOU: don't tell my ra.

STRANGER: shit you have a CAT in your dorm?

YOU: if you tell on me, i'm gonna have to hunt you down and kill you.

STRANGER: lucky for you this is anonymous STRANGER: and i'm not a snitch lmao STRANGER: so, what are you doing on this thing at 12am on a friday night? no hot parties?

YOU: honestly, i think i'd rather put a noose around my neck than go to a party. YOU: i'm just in my room drinking wine. decided to try this site after my friend suggested it. YOU: what about you?

STRANGER: damn, kinky STRANGER: i do have a 'hot party' to go to but i also have an essay due in nine hours and the prof already hates my ass

YOU: so you decided to not write your essay and instead procrastinate by chatting with some random stranger?

STRANGER: exactly! you get it STRANGER: if i even have my laptop in front of me, i'm counting that as me writing my essay

YOU: what's it about?

STRANGER: what kind of a role religion has when it comes to politics and shit

YOU: and let me guess, that's not a topic you enjoy studying in your free time?

STRANGER: you know me so well already

YOU: if it helps, i'm also studying. or, procrastinating studying. YOU: i have a chemistry exam on monday :(

STRANGER: ...and you're studying for it on a friday already? STRANGER: i just read for exams a few minutes before they start STRANGER: compared to me you're like a genius

YOU: eyeroll. YOU: and that's why you have trouble writing an essay! YOU: you're probably missing out on a keg stand at your 'hot party'.

STRANGER: i can't believe you're making fun of the art of the stand

YOU: you'll live.

STRANGER: how do you know? maybe i'm the god of the kegstand and every time a human loses faith in me, i grow weaker

YOU: are you? YOU: oh sacred frat god? YOU: shall i make an offering for you at your altar? would that appease your distaste towards me?

STRANGER: you shall

YOU: okay, how about these for an offering: YOU: a white claw, a buzz ball, a red solo cup with a strange mixture of different kinds of alcohols, and a vape pen?

STRANGER: those appease me much, mere mortal STRANGER: also mango-flavored juul pods

YOU: you're so weird.

STRANGER: says the person who's hanging with her cat on a friday night

YOU: how do you figure i'm a her?

STRANGER: oh please STRANGER: no man would disrespect the fine art of the keg stand

YOU: got me there, frat boy.

STRANGER: that's very presumptuous STRANGER: i could just be a tomboy

YOU: please. YOU: if you're a girl then i'm sasquatch.

STRANGER: don't worry, i don't mind a little body hair

YOU: i hate you.

glancing at the clock on your wall, you'd realized that thirty minutes had already gone by. you let out a small sigh, rubbing your eyes.

YOU: i should get going. i can't keep procrastinating.

STRANGER: already?

YOU: what, are you gonna miss me or something?

STRANGER: hey, if i get a pic of bigfoot i'm gonna be making millions, i just have capitalistic tendencies

YOU: fair point.

STRANGER: you should add me as a friend

YOU: you can do that??? i thought this was an anonymous chat.

STRANGER: yeah you can lmao why else would you need to set a username STRANGER: i'll just do it

and soon enough, a pop-up appeared on your screen, with the text 'STRANGER HAS REQUESTED TO ADD YOU AS FRIEND.' along with the buttons 'ACCEPT' and 'DENY'.

you pursed your lips, your finger lingering over the touchpad, first dragging it over the button reading 'DENY', before you let out a sigh, taking a large swig from the bottle of wine, moving the cursor to 'ACCEPT' and pressing it before you could regret it.

the pop-up was now replaced with another one, reading 'CONGRATS AnnabelLee YOU ARE NOW FRIENDS WITH MalachiConstant' and when you read the stranger's name, you couldn't help but let out a small chuckle. you clicked the red 'x' that closed the pop-up, and the word STRANGER in your chat logs was now replaced by MalachiConstant.

YOU: really? vonnegut?

MalachiConstant: what? i don't seem like the type to read?

YOU: just surprising!

MalachiConstant: says the girl with the hard-on for poe MalachiConstant: which isn't surprising at all

YOU: har har. YOU: goodnight, weird vonnegut frat boy.

MalachiConstant: goodnight, weird poe girl

YOU HAVE LOGGED OUT OF KILDAREUCHATS.