Advertisement
HTML & CSS

Let's Create Paper with CSS

by

If we're smart with our shadows, gradients, and borders, we can relatively easily create nice looking notepad paper with just CSS3. I'll show you exactly how in this week's video tutorial.

Final Product

Press the HD button for a clearer picture.

Subscribe to our YouTube page to watch all of the video tutorials!

Related Posts
  • 3D & Motion Graphics
    After Effects
    How to Make a Hoax Video More BelievableHoax tutorial preview image
    In this tutorial, we are going to look at how to make a Hoax video more believable by adding compression, 'Jello' wiggle, and color effects to our footage. No 3rd-party plugins required.Read More…
  • 3D & Motion Graphics
    Modo
    Mythical Character Creation in Modo: Part 1Modo hern pt1 retina
    In our first series for Modo with a focus on character creation, 3D artist Thomasz Lechociński will take you through the entire process of creating a detailed stylized character as you learn to model, UV Map, texture, pose and render Hern, the mythical forest god from Celtic legend.Read More…
  • 3D & Motion Graphics
    Dynamics
    Create a Dynamic Catapult Animation in Cinema 4D: Part 5C4d catapult pt5 new retina
    In part 5, we'll go back to the catapult and add a dynamic rope to the arm, to help sell our rock launch. We'll also make the wheels spin with the help of additional dynamics and some keyframe animation.Read More…
  • 3D & Motion Graphics
    RealFlow
    Simulate a Champagne Bottle Pop with RealflowRealflow champagne retina
    New Year's Eve is just around the corner and lots of Champagne bottles will be popped. Alongside that, lots of us will be asked to pop virtual Champagne bottles in our videos. Simulating a Champagne bottle pop in Realflow is actually very easy and relatively very fast. There are two approaches to this sort of simulation. One is to simulate the actual conditions that cause the liquid to push the cork out, and the other is to fake it with an animated emitter. In this Realflow tutorial, I'll walk you through these two methods. So… let's pop the Champagne!Read More…
  • Web Design
    CMS
    Styling Our Tumblr ThemeTumblr 13 retina
    Having finished the HTML markup for our theme, it's now time to begin playing with CSS. In this tutorial we'll gather everything we need to start styling; colors, typography details and so on.Read More…
  • Web Design
    CMS
    Starting Our Tumblr Theme's Post Markup Tumblr 8 retina
    In this video tutorial we're going to begin the main area of our Tumblr theme's page. In fact, we'll be using the <main> element to do so, but as mentioned in previous videos, you're welcome to use whatever specific markup you feel is most appropriate.Read More…