Featured: PE: CSS3 101 - Color Gradients
PE: CSS3 101 - Conclusion + Trivia and Contest
Lucky for you guys, this will be my last article for this week's CSS3 101 series! No more spam of unintelligible code from me...
... for now
For those that were keeping up with the series, thanks so much for reading and providing feedback! I know I might have left out some info here and there, but you have to understand CSS3 is quite an extensive topic to break down and explain at beginner level, so really thanks to those that also reminded me about the few things I might've missed out. It's even more difficult to explain since I don't have CSS3 privs available to show live examples of cooler animations, but hope you were all able to understand and follow along anyway
Unfortunately, had to cut the series short due to time constraint I initially had more topics in mind for this series, namely Transform, Animation, Attribute selectors and more Pseudo-classes, but had some personal iss
PE: CSS3 101 - Transition Animations
Table of Contents
This article has four main topics:
- Works in dA for All Members
- Doesn't work in dA for Premium Members
- Works in dA for Alpha Testers at devBUG
What is a Transition?
This time, I'll explain with an example. Let's take this awesome emote by jahw.
When I see that emote, I'm imagining it saying "CHAAAARGE!" and running forward! So I want to make the emote do that, but instead of opening it up in Photoshop to animate (which I'm not allowed to do anyway since it's not my work), I'm just going to add a simple code that will do the animation for me! Hover over the emote below to see this magic in action!
PE: CSS3 101 - Pseudo Elements/Classes
Table of Contents
This article has two major topics:
::before and ::after
What's the difference between Pseudo-Elements and Pseudo-Classes?
Pseudo-Elements are used to address sub-parts of elements. They should come after any class or ID names found in the selector ex: p::first-letter where p is the element and ::first-letter is the sub-element. Pseudo-elements are usually static and can be used for common typographic effects such as caps and fonts. They can also address generated content that is not in the sour
PE: CSS3 101 - Introduction
Hey there Devious CSSkinners!
First off, hover over the Title and Stamp to see some snazzy effects. That's the kind of stuff that CSS3 allows users to play around with. As I had been an Alpha Tester on devBUG, we had a few CSS3 privileges to test in Journal Skins in which several deviants had asked me "How did you do that?" and "Please share the code so we can learn" so I've been meaning to give a few lessons on CSS3 since forever and projecteducate has given me the opportunity to do so
These are the Topics that will be covered this week:
May 27th - Introduction
May 28th - Color Gradients
May 30th - Pseudo-elements & Pseudo-Classes
May 31st - Transition Animations
June 2nd - Conclusion
I'll try to be as simple as possibl
PE: CSS3 101 - Color Gradients
Table of Contents:
This article contains two major topics of Gradients:
Internet Explorer 10+
What are Gradients?
A color gradient, in terms of comput