Pixels & The sort

TEENSY

LARGE & Miscellaneous

SCROLL!!!

support some other creators!

RESOURCE CRDS & SUCH
I ALWAYS RECOMMEND!

。゚•┈୨♡୧┈•゚。

gnome , teaclub, resource, callie, yokai, gifs, xyz, codes, peko

mostly requires style and elements! should work with pro standard!

SCROLL!
java coding, MF2FM, CSS, chatbox,
double border + outline text + lace border + blobs + news-ticker + pop code + shake coding + gif text coding + heart masking code + music player + marquee text + blur + rainbow hover + typing title + position text + scroll box
+ alert + fading slideshow + carrd pet
+ peeping coding + website counter

for double border coding you’ll want to plug “ border: 3px double black; “ into style, default. works on scroll boxes, containers and images!

for outline text you’ll want to plug

“ div {
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
} “

into style, default or an embed.

you can either plug in the colors using the hashtag colors or simply using the names of the colors. (example: white / #FFFFFF) it will both make the outline outside of the text well... white!

plug coding into a hidden embed, and then tag image the you want to shake’s ID (found in elements) as #image01.

you can’t tag multiple images as #image01 so if you want more images to shake make another embed and edit #image01 to #image02 or whatever you want and repeat the process.

COPY BELOW!
<style>
#image01 {
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
</style>

plug into hidden embed, tag image or text you want to pop up’s ID as #heart in elements, you can rename #heart to whatever btw ~

<style>
@keyframes
pop {
from { transform:scale(0.95) }
50% { transform:scale(1) }
to { transform:scale(0.95) }
}
#heart {
animation: pop 1s ease-in-out infinite alternate;
}</style>

PLUG THIS CODING INTO AN EMBED.

<!-- this script got from www.javascriptfreecode.com - Coded by: Krishna Eydat -->

<html>
<head>
<script language="javascript" type="text/javascript">
alert("Welcome to my site")
</script>
</head>
</html>

<a target="_blank" href="https://www.javascriptfreecode.com/" style="font-size: 8pt; text-decoration: none;font-family:Tahoma">Javascript Free Code</a>

PLUG INTO AN INLINE EMBED

<style>
h1 {
color: #fff;
font-family: “default”;
font-weight: bold;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
</style><h1><marquee>when the yassss activates</marquee></h1>

if you don’t want the scroll text to have text borders simply just plug

<marquee>text here</marquee>

into inline instead ^__^

PLUG INTO AN EMBED.

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
font-size: 60px;background-image: url(INSERT GIF TUMBLR LINK HERE);background-size: cover;background-clip: text; -webkit-background-clip: text;color: transparent;-webkit-text-stroke: 1px black; font-weight: bold;font-style: italic;
}
}
</style>
</head>
<body>
<h1><strong><span><font size="5">TEXT HERE</div></font></span></strong>
</h1>
</body>
</html>

PLUG INTO HIDDEN EMBED
tag image’s element ID as #heart

<style>
#heart {
-webkit-mask-image: url(https://i.imgur.com/bIX4M8u.png);
-webkit-mask-size: 50%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
</style>

if you want to make the heart pop up while still being cropped plug this into hidden embed !!

<style>
#heart {
-webkit-mask-image: url(https://i.imgur.com/bIX4M8u.png);
-webkit-mask-size: 60%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
</style>
<style>
@keyframes
pop {
from { transform:scale(0.95) }
50% { transform:scale(1) }
to { transform:scale(0.95) }
}
#heart {
animation: pop 1s ease-in-out infinite alternate;
}</style>

PLUG INTO TEXT, STYLE

display:inline-block;
line-height: 0em;
bottom: 26px;
position: relative;
z-index: 999;

You can replace bottom with top instead and mess around with the px setting, it’s easier to center or make the text go left to right with the normal text settings.

PLUG INTO TEXT, STYLE

background-color: transparent;
width: 150px;
height: 150px;
overflow: scroll;
overflow-x: hidden;
overflow-y: scroll;

you can mess around with the transparent and px settings.

in service since: 03.19, revamped: 05.12

insta: childe.tartaglia
I don’t bite ! :smirks like satan: