--- layout: default permalink: /shadows category: utilities title: Shadows description: "Add shadows to your elements by applying one of the 6 kinds of shadows available, easy to use just apply the class and a number or just apply shadow. In total there are 8 shading options where you can cancel the shadows or add the one you want." ---

{{ page.title }} Utilities

{{ page.description }}


{{ page.title }} examples

The shadows work the same as the HTML heading from 6 to 1 with 1 being the largest and 6 the least.


Hi, I'm no-shadow

Hi, I'm shadow

Hi, I'm shadow-6

Hi, I'm shadow-5

Hi, I'm shadow-4

Hi, I'm shadow-3

Hi, I'm shadow-2

Hi, I'm shadow-1

{% highlight html %}
...
...
...
...
...
...
...
...
{% endhighlight %}

Examples of shadows with background

The shadows work the same as the HTML heading from 6 to 1 with 1 being the largest and 6 the least.


Hi, I'm shadow

Hi, I'm shadow-6

Hi, I'm shadow-5

Hi, I'm shadow-4

Hi, I'm shadow-3

Hi, I'm shadow-2

Hi, I'm shadow-1

{% highlight html %}
...
...
...
...
...
...
...
...
{% endhighlight %}