Create a Death Goddess inspired by Mexico’s Day of the Dead

Create a Death Goddess inspired by Mexico’s Day of the Dead

Tempus ornare tiam arcu libero, ornare in volutpat a, aliquam sit amet mi. Aivamus lobortis ex id commodo auctor. Phasellus a diam et justo suscipit molestie et laoreet arcu. Vestibulum tempus massa vitae sollicitudin rhoncus. Curabitur vel massa in sem egestas iaculis. In tincidunt lacus luctus pharetra rhoncus. Etiam auctor semper nisi, a interdum sapien malesuada vitae. Phasellus a ante imperdiet, tempus tellus eget, tempus erat. Phasellus gravida iaculis leo, id convallis diam consectetur a.

Donec rutrum luctus lacus nec luctus. Maecenas ultricies tortor nec auctor porttitor. Mauris posuere malesuada lectus nec elementum. Phasellus aliquet tortor a magna efficitur, non imperdiet erat accumsan. Vestibulum sodales nibh massa, quis scelerisque lacus pretium iaculis. In velit purus, eleifend eu pellentesque eu, euismod in tellus. Duis iaculis turpis nunc, quis hendrerit ex suscipit a. Nullam gravida eleifend nisl, at rutrum purus.

The markup

Nam et odio finibus, pharetra libero nec, efficitur risus. Donec vitae vestibulum tortor. Nam vitae nulla mattis, volutpat velit nec, gravida augue. Fusce magna mi, venenatis vitae aliquam vitae, viverra a metus. Donec a metus ac ipsum blandit ultrices. Morbi ultricies ipsum in sem pellentesque semper. Vestibulum vel efficitur turpis. Proin quis pretium ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

<div class="wrapper">
  <ul class="stage">
    <li class="scene"></li>
    <li class="scene"></li>
    <li class="scene"></li>
  </ul> 
</div>

Vestibulum iaculis sed enim sed tempor. Morbi bibendum metus leo, at convallis metus pellentesque in. Vestibulum urna magna, lobortis in maximus at, volutpat sed leo. Suspendisse dapibus lorem massa, id sodales ex lacinia non. Pellentesque aliquam libero sed tortor accumsan euismod. Vivamus consequat ante quis velit consectetur molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nam et odio finibus, pharetra libero nec, efficitur risus. Donec vitae vestibulum tortor. Nam vitae nulla mattis, volutpat velit nec, gravida augue. Fusce magna mi, venenatis vitae aliquam vitae, viverra a metus. Donec a metus ac ipsum blandit ultrices. Morbi ultricies ipsum in sem pellentesque semper. Vestibulum vel efficitur turpis. Proin quis pretium ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

The CSS

.wrapper {
	margin: 0 auto 100px auto;
	max-width: 960px;
}

.stage {
	list-style: none;
	padding: 0;
}

Praesent rutrum tempus ornare. Etiam arcu libero, ornare in volutpat a, aliquam sit amet mi. Vivamus lobortis ex id commodo auctor. Phasellus a diam et justo suscipit molestie et laoreet arcu. Vestibulum tempus massa vitae sollicitudin rhoncus. Curabitur vel massa in sem egestas iaculis. In tincidunt lacus luctus pharetra rhoncus. Etiam auctor semper nisi, a interdum sapien malesuada vitae. Phasellus a ante imperdiet, tempus tellus eget, tempus erat. Phasellus gravida iaculis leo, id convallis diam consectetur a.

Donec rutrum luctus lacus nec luctus. Maecenas ultricies tortor nec auctor porttitor. Mauris posuere malesuada lectus nec elementum. Phasellus aliquet tortor a magna efficitur, non imperdiet erat accumsan. Vestibulum sodales nibh massa, quis scelerisque lacus pretium iaculis. In velit purus, eleifend eu pellentesque eu, euismod in tellus. Duis iaculis turpis nunc, quis hendrerit ex suscipit a. Nullam gravida eleifend nisl, at rutrum purus.


Previous: Shockwave Tutorial Next: Print a Web Page Using JavaScript

No Comment

Leave your comment

Leave your comment