Clippy Microsoft Office 97 windowed animation

Tags: windows, windows 95, windows 98, clippy, microsoft, buddy, gif, blue, 90s, 2000s

Description:

Hey, it's our good friend, Clippy! Here are several code snippets that will place an animation of Clippy in the bottom right corner of your page. Just choose your flavor! Feel free to adjust the placement, scale, etc. Credit goes to Noikaido309 over on Tumblr for the links to these gifs. The OG gifs can be found here and here.

Clippy waving animation Clippy star animation Clippy hair flip animation Clippy dispenser animation Clippy sine wave animation Clippy atom animation Clippy lookout animation Clippy listen animation Clippy tornado animation Clippy shovel animation Clippy paper animation Clippy mobile animation Clippy point right animation Clippy point left animation Clippy point up animation Clippy point down animation Clippy taking notes animation

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Lavender (https://layouts.spacehey.com/layout?id=101140) -->

<!-- WAVING ANIMATION -->
main::before {
content: url('https://64.media.tumblr.com/81478eb9ffb9781c73ccee76eaa24c1d/9de5b485b832b359-d5/s250x400/e12919a02226b0e529e4d1200cddf65fae58a6cf.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- STAR ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/54cea652c69317fe2d8a184d88f4e17c/ac61c809b5b25abd-aa/s250x400/ac4f6e10d4e24d5fefc21c291ecf3d9e6ee0cab3.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- HAIR FLIP ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/c06dc1b1853ff28c76e4f62a4ee70d59/9de5b485b832b359-cb/s250x400/a6ea18b264bacb63f1832a89d348eee34d6822f1.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- DISPENSER ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/55f0f289521c08874eb5eae6ce7ddf54/9de5b485b832b359-eb/s250x400/6fc42248e1e5d666eac2cc3b7058b8edec22faea.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- SINE WAVE ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/5f5978271079ba6d52d0f483d6ca1175/ac61c809b5b25abd-1c/s250x400/9e1de4eaaba24881df590e685648239005c0bb2b.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- ATOM ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/a34a5f212570184eca5b8d0bb4e2bdc2/ac61c809b5b25abd-b6/s250x400/bc735265fef8355cbd6439fd80ddd7ffd23cbc40.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- LOOKOUT ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/e24f303a3c9393219075b7fa259deb69/ac61c809b5b25abd-6e/s250x400/7f8c8f9e3fa676cb70bbf8d7604f3dbaf1392eed.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- LISTEN ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/a35a22bee70fd5350ccfb6bee1470338/ac61c809b5b25abd-47/s250x400/f40fe67b3aa87825b23ea7cb9debb7e09179d212.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- TORNADO ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/d9a0a6b332bdd5d979f960c68a75a0fd/ac61c809b5b25abd-97/s250x400/71ea853666c632b18ef3269142a1324d5e06a5ff.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- SHOVEL ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/49277407e075656ac3444e774141aebe/9de5b485b832b359-ef/s250x400/750f28564158fccac953823c0d2e461e5b414268.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- PAPER ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/1fc3668bbfed50407a2de1ed892f46a8/9de5b485b832b359-36/s250x400/8bc1ae62f5528e8a7089d76f6a22754f478e8cf3.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- MOBILE ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/37634296182996336384dfb7d4e72eb2/9de5b485b832b359-a7/s250x400/58a62d2a483d35e7845902d1f84c3a3ef336b1d5.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- POINT RIGHT ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/e9e375c2b996a580d239f6d2ff9bf20f/ac61c809b5b25abd-e3/s250x400/b5c722bbb39a5bfebc355f0de6f56a51df8847b9.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- POINT LEFT ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/39ec64bdd7971142a0804fdd0e7c36bf/9de5b485b832b359-4b/s250x400/836c68f10813ff631ed281c245cf71b2b077ee9f.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- POINT UP ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/a1a04ebc24f93ccc72e8ff7ccefca6f3/9de5b485b832b359-5a/s250x400/b8b34dff2cdcb710741a11c01f60770ad87ff52d.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- POINT DOWN ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/f9579b2e3b74fd711b1385331780ddc4/ac61c809b5b25abd-47/s250x400/1b376c0d8244ee132d4f5fa66925376924fb5d64.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

&lt;! -- TAKING NOTES ANIMATION --&gt;
main::before {
content: url('https://64.media.tumblr.com/ee1f76f33940cda72d96b3cd9781e581/ac61c809b5b25abd-ad/s250x400/773e2c1120e54f5eee949c743552e7614d7914d8.gifv');
position: fixed;
bottom: 5%;
right: 5%;
z-index: 2;
}

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 9 of 9 comments ( View all | Add Comment )

x1meldax8	1714180546 PROBABLY GONNA USE Report Comment
☆Shelby☆	1714130024 Using Report Comment
twinkars	1713722457 USING! Report Comment
david	1712311514 using maybe Report Comment
gailene 𖦹	1711706164 usingg Report Comment
Airy / Craig	1710198347 Using Report Comment
_xxAngelofdarkness_xx	1710005622 Using! Report Comment
agoraphobia	1709850407 omg these are so cool! special thanks for making them moveable and not just something to put in the boxes!! :D Report Comment
MetalHeart ☭	1709848953 Burn, Clippy burn!! (This is a cool layout) Report Comment