HTML5 Tutorial - 21 - Text Shadows, Gradients, and Alpha
Loading...
Link to this comment:
Top Comments
All Comments (38)
-
who deleted the border so it would look nicer ?
-
@xXxBladeStormxXx Thanks, I noticed it as soon as I read you comment lulz
-
@PoundSakeFTW Too true
-
wohaa this is that easy? for the same crap i was using this shit background-attachment:fixed;91
%); background-image: -webkit-linear-gradient(right bottom, rgb(0,34,255) 15%, rgb(255,132,0) 91%);
background-image: -ms-linear-gradient(right bottom, rgb(0,34,255) 15%, rgb(255,132,0) 91%);
background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0.15, rgb(0,34,255)), color-stop(0.91, rgb(255,132,0))
); and now only this? -webkit-linear-gradient(-70deg
,orange,blue); yeah -
Do something about the high pitched mic sound please!!!!!!!!!
-
since webkit is not support on firefox and ie, we can use the following css lines.
body { text-align:center;
}
#box{ display:block; width:500px; margin:50px auto; padding:15px; text-align:center; border:1px solid black; background:orange; border-radius:75px; box-shadow:10px 10px 40px #999;
}
#text{ font:bold 30px century gothic;
}
-
I still don't get why you write text-align: center; in both the body and the kid; "box".
-
You have a disturbing tinnitus noice in your videos, just saying.
-
box-shadow is now standard so now you can use box-shadow: whatever
-
If you find CSS3 Gradients are a pain to alter quickly, try this timesaver...
google: "CSS3 Gradient Generator"
I use "gradients.glrzad.com" - Really useful for Previewing and Tweaking...
53 videosHTML5 Tutorials Playlist- 7:46
HTML5 Tutorial - 20 - Rounded Corners and Shadows!by thenewboston9,448 views
- 4:55
HTML5 Tutorial - 23 - Animating with Transitionsby thenewboston9,756 views
- 6:56
HTML5 Tutorial - 24 - Making Awesome Rollover Buttonsby thenewboston13,270 views
- 6:56
HTML5 Tutorial - 17 - Reversing the Box Orderby thenewboston11,229 views
- 7:28
HTML5 Tutorial - 52 - Making Something Usefulby thenewboston5,029 views
- 8:02
HTML5 Tutorial - 44 - Drag and Dropby thenewboston6,199 views
- 7:11
HTML5 Tutorial - 51 - Retrieving and Displaying Stored Databy thenewboston4,856 views
- 8:41
HTML5 Tutorial - 40 - Transformationsby thenewboston4,570 views
- 7:04
HTML5 Tutorial - 53 - Saving Data While Visiting Other Websitesby thenewboston11,250 views
- 9:49
HTML5 Tutorial - 5 - Attribute Selectorsby thenewboston22,630 views
- 9:32
HTML5 Tutorial - 11 - Styling the Navigation Menuby thenewboston17,103 views
- 7:15
HTML5 Tutorial - 18 - More Flexible Box Model Tricks!by thenewboston14,164 views
- 7:01
HTML5 Tutorial - 15 - Styling the Header and Navigationby thenewboston13,220 views
- 8:36
HTML5 Tutorial - 33 - How to Update the Progress Barby thenewboston5,688 views
- 7:11
HTML5 Tutorial - 37 - Gradients on the Canvasby thenewboston5,515 views
- 5:55
HTML5 Tutorial - 6 - Introduction to pseudo-classesby thenewboston18,266 views
- 8:10
HTML5 Tutorial - 29 - Making Your Skin Look Pretty!by thenewboston5,998 views
- 4:56
HTML5 Tutorial - 9 - Laying Out the Websiteby thenewboston16,650 views
- 5:59
HTML5 Tutorial - 10 - Starting the Stylingby thenewboston15,477 views
Oh my god! What the fuck is barbecue?!
JelvinJS7 3 months ago 22
Thenewboston has broken your video list because of the amount of awesome video's he has uploaded.
PoundSakeFTW 3 months ago 15