øuterspace  ☆! 's profile picture

Published by

published
updated

Category: Web, HTML, Tech

• Useful Spacehey codes: snippets of CSS and HTML •

image in the corner of your profile:


</style>

<div style="float:  ; max-height: 800px; position: fixed; (whatever side of your page you want it on ex left/right): 1px; bottom: 10px; z-index: 200;"><img src=" (image link)

" width="350" height="550"/></div>



marquee (slideshow of image or text):


<marquee>


<img src="(insert photo link)" width="100" height="100"/>


<img src="(insert photo link)" width="100" height="100"/>


<img src="(insert photo link)" width="100" height="100"/>


</marquee>



Spin profile pfp:


<style>

@keyframes spin{

  from{ transform:rotate(0deg); }

  to{ transform:rotate(-360deg); }

}

.general-about .profile-pic img{

  border-radius: 50%;

  animation: spin 7s infinite linear;

}

</style>



Scolling Text

<marquee>Text</marquee>
Example

Blinking Text

<blink>Text</blink>
Example

Highlighted Text

<mark>Text</mark>
Example

Bold Text

<b>Text</b>
Example

Italic Text

<i>Text</i>
Example

Underlined Text

<u>Text</u>
Example

Strikethrough Text

<del>Text</del>
Example

Link

<a href="https://example.com">Text</a>



Apollo Class


27 Kudos

Comments

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

☆bubbles☆

☆bubbles☆'s profile picture

TYSM I'll try that out


Report Comment



No problem ! Glad to help

by øuterspace ☆!; ; Report