axiom's profile picture

Published by

published
updated

Category: Web, HTML, Tech

need help with coding

hey everyone!

for my profile, i felt that something felt a bit lacking so i wanted to add something! but as you all know, im very new to spacehey. literally just joined like a couple of hours ago lol so sadly i dont know much about html/css coding. thats why im asking you guys for help!

 heres an example of what i want to make

basically, for my profile name i want to use an open sans font, apply a white and cyber blue (#ffffff and #61acc0) gradation, apply a thin black outline and then kind of stretch the text (IF possible, this one is optional). it would make a sort of simplistic, y2k-ish text which i like. (this is also inspired by a music group, iykyk) 

anyways, please help if you guys know how to do these stuff, i would highly appreciate it. thanks!

edit: oopsie apparently the picture didnt show up? here it is please work

edit 2: are u kidding......heres the link to the image example https://flic.kr/p/2nKuD1Q


4 Kudos

Comments

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

Jasper

Jasper's profile picture

Try this

h1 {
/* Gradient */
background: linear-gradient(#FFF, #61acc0);
background-clip: text;
-webkit-text-fill-color: transparent;
/* Black outline */
-webkit-text-stroke: 0.5px black;
/* Vertical stretch */
transform: scale(1,2);
}


Report Comment



btw, the gradient and outline may not work on some browsers. There's no standard CSS rule for those

by Jasper; ; Report

it worked thank you!!! played around with the code and im very happy with how it turned out :DD

by axiom; ; Report