Advertisement
HTML & CSS

Getting Clever with CSS3 Shadows

by

As soon as we detach a shadow from the element, itself, we can then transform the shadow in interesting and creative ways.


Full Screencast


Related Posts
  • Design & Illustration
    Drawing
    Improve Your Artwork by Learning to See Light and ShadowColor fundamentals preview
    Learn the basics of optics to bring your painting skills to a new level. This tutorial is the first in a series that takes you through the fundamental science behind light and vision, so that you can create realistic paintings that make sense to the human eye. First up: light, shadow, reflections, and edges.Read More…
  • Design & Illustration
    Tools & Tips
    The Ultimate Guide to Adjustment Layers - Exposure Adjustments10 exposure preview retina
    In this tutorial, I will take a close look at some of Photoshop's tonal adjustment layers. We will start off with the Exposure, and Brightness/Contrast adjustment layers, then, we will compare them to the Shadows/Highlights, and HDR Toning adjustments, and learn how to use them all non-destructively. Let's get started!Read More…
  • Design & Illustration
    Illustration
    Create a Tattoo Style, Grunge, Day of Dead Girl Poster in Illustrator1day of dead girl 1 400
    In this tutorial I will show you how to create a tattoo styled sexy Day of the Dead girl in Adobe Illustrator. You will learn how to use your own photo as a source for a vector illustration. We will start with sketching and continue drawing using a Calligraphic Brush, Pen Tool and even Type Tool. I will show you how create high contrasts with stylish shadows and highlights. And than we will finalize our illustration as a grunge poster with cool typography. Read More…
  • Photography
    Photo Effects
    How to Create a Magical Photo Manipulation: Post-Production0955 toys psdtuts toys in action 400x400
    Artists often work with a team of individuals to complete a project. This team could include a client, a creative director, an art director, a photographer, a retoucher, and a graphic designer. In this two-part tutorial, I teamed up with photographer Natalie Fobes to create a magical photo illustration that depicts a child interacting with toys that have come to life. In the process, we will show you how to not only shoot the photos that you need, but also, how to retouch them and combine them with stock photos to create artwork that closely resembles a sketch. Let's get started!Read More…
  • Code
    HTML & CSS
    Intro to Shadow DOMShadow dom retina preview
    Take any modern web page and you will notice that it invariably contains content stitched together from a variety of different sources; it may include the social sharing widgets from Twitter or Facebook or a Youtube video playing widget, it may serve a personalized advertisement from some ad-server or it may include some utility scripts or styles from a third party library hosted over CDN and so on. And if everything is HTML based (as is preferred these days) there is a high probability of collisions between the markup, scripts or styles served from various sources. Generally, namespaces are employed to prevent these collisions which solve the problem to some extent, but they don't offer Encapsulation.Read More…
  • 3D & Motion Graphics
    Motion Graphics
    Create Long Solid Shadows on Your LogoAetuts retina long shadows
    In this tutorial we will learn how to use basic After Effects tools to create long shadows. These shadows will enhance our motion graphics and help us composite different elements. Control of all the elements in the project is extremely easy since we use a main control layer to help us manipulate the whole comp.Read More…