[ad_1]
Facebook –
GitHub –
Google+ –
LinkedIn –
reddit –
Support –
thenewboston –
Twitter –
HTML5 Tutorial – 21 – Text Shadows, Gradients, and Alpha
by
Tags:
Comments
41 responses to “HTML5 Tutorial – 21 – Text Shadows, Gradients, and Alpha”
-
So, you're HTML5 tutorials title should've been:
HTML5 & CSS3 -
that noise!! NO
-
Webkit is the most annoying part, none of the other browsers support it except chrome and safari
-
+thenewboston love your work man
-
Be careful with space after gradient. If there is space it won't work. It cause a lot of trouble to me.
-
For me, it seems like parts of this webkit code still applies. What is annoying though is,…. you think your code is not working properly because its out dated but really you just have a syntax error! lol #headmelt!
-
sir create website in html plz send me vedio my email
-
all vedio super
-
In IE we need to give like border-radius:25px;is webkit is applicable to chrome only?.can i make responsive layout with this without using media queries?.Please help.
-
50 cent hahaha you're funny, and great tutorials by the way!
-
I'm unable to make the words have a shadow even though i typed everything that Bucky typed.Can anyone help me out?
-
no dude its not 'transparency' but its opposite, called 'opacity'. Its 2014 and
radial still needs -webkit. -
ok background: linear-gradient does still need -webkit, and also the 45deg does not work.
-
Its 2014, and as far as I know, you still MUST use webkit. (or MS, for IE8 and before)
-
I can't get the corners to round nor apply the webkit css. I have copied the code correctly….WTH???
-
what should i do the webkit is awesome but mozilla is not supporting it …
-
every thing works fine
-
Thank you for the tutorial !
-
shadows ddnt work for me from last time, but bg gradient in this tut did work for me. y? :-/
-
tried the words left and right and it does begin left or right
-
yes, that will not cause any problems.
-
do i add the line twice? once as webkit, once as moz?
-
50 cent lol
-
too bad the inset doesn't work for the text
-
So many stuff to that I've learned! How do I keep practicing this? My mind is a bit messed up.
-
It's nothing to do with his teaching methods, the rest of us can follow along no problem, you are probably a slow learner or a little out of your depth, try learning XHTML first. If you are struggling at this stage then javascript will destroy your soul lol
-
Another thing, you can set the text shadow up like this:
text-shadow: rgb(200, 200, 200) 0px 0px 20px;
this will make a white shadow that blurs across the text, which makes it have a really nice "glowing" look.
-
just replace "webkit" with "moz" and you are good to go in firefox. IE does not support HTML5 yet (last i checked). apple uses webkit as well i think so safari is good too.
-
you can also use border-radius and box-shadow without the webkit
-
When you try to animate gradient backgrounds, it just goes from one background to another instantly, without any animation. I typed everything correct, so I don't know what's going on. Maybe this animation hasn't been implemented yet? If someone can, reply to me.
-
use moz-box instead of webkit-box and for all other place's it seas -webkit- you type moz-
-
Im using chrome, & notepad++, all updated.
I know im not doing anything wrong, so im just gonna learn from somewhere else.
Thanks for the encouragement though, but I dont plan to give up. -
Don't give up! The only thing I can think of is to switch to google chrome, it wasn't working very well for me in firefox.
-
Im done. The gradient isnt working for me, this is the second video where something went wrong, even though Ive followed you exactly. Im done with these tutorials, there is something obviously wrong with what hes teaching
-
Moz-box
-
it's not working in Firefox.
-
bucky that's because all browser support text-shadow?
-
A great tool for gradients: w ww.co lor z illa .co m/gradi ent-e ditor/ (remove spaces)
You just make a gradient like in photoshop and copy the code 🙂oh and Great tutorial 😀 😀
-
Bucky you have used CTRL+C instead of a right click we didn't miss that!! 😀
-
No need for rgb colours.Eg. text-shadow: 2px 2px black;
Leave a Reply