Cool CSS Tricks

ZoomEffects/flower.jpg Circle Silhouette
1
HOVER ME
2

My text

3

A Friendly Reminder,

You're working too much. Grab your family/friends and go camping.
It's nice outside. Even when it's not, it is.

Your Friend,
@JiveDig


4
A Text over an image.
4-A
A Text over an image

5
owl

Simple Overlay with Picture Owl

6
Here is some text in circle
7

Text here

And here

8

some information text


9
Hello I am A Circle
10

Test H1

Test H1

Test H1

11

Taitō

Cat eyes

Cat eyes

Cat eyes

Cat eyes

Cat eyes


12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis impedit libero esse odio excepturi fuga est ut itaque a quod suscipit, rerum asperiores. Consequuntur voluptates illo rerum recusandae pariatur asperiores, aspernatur, saepe ipsum error dolorem, quod inventore possimus modi deleniti tenetur et officiis.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis impedit libero esse odio excepturi fuga est ut itaque a quod suscipit, rerum asperiores. Consequuntur voluptates illo rerum recusandae pariatur asperiores, aspernatur, saepe ipsum error dolorem, quod inventore possimus modi deleniti tenetur et officiis.

13
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
14
Sed in libero ut nibh placerat accumsan. Aenean imperdiet. Proin faucibus arcu quis ante. Curabitur a felis in nunc fringilla tristique.

15

Sometimes a web page's text content appears to be funneling your attention towards a spot on the page to drive you to follow a particular link. Sometimes you don't notice.

16

Demo for the article An Introduction to CSS Shapes by Tania Rascia

Circle

You don't have to be crazy to do this but it does help. Everything's not great in life, but we can still findbeauty in it. You gotta think like a tree. This is truly an almighty mountain. Just let this happen. We just letthis flow right out of our minds.

You are only limited by your imagination. Talk to trees, look at the birds. Whatever it takes. Anyone can paint.

It's a good way of getting rid of all your anxieties and hostilities. If you don't like it - change it. It's yourworld. Everything is happy if you choose to make it that way. Life is too short to be alone, too precious. Share itwith a friend.


16a

Ellipse

You don't have to be crazy to do this but it does help. Everything's not great in life, but we can still findbeauty in it. You gotta think like a tree. This is truly an almighty mountain. Just let this happen. We just letthis flow right out of our minds.

You are only limited by your imagination. Talk to trees, look at the birds. Whatever it takes. Anyone can paint.

It's a good way of getting rid of all your anxieties and hostilities. If you don't like it - change it. It's yourworld. Everything is happy if you choose to make it that way. Life is too short to be alone, too precious. Share itwith a friend.

When things happen - enjoy them. They're little gifts. We can fix anything. If you hypnotize it, it will go away.That is when you can experience true joy, when you have no fear.

16b

Inset

You don't have to be crazy to do this but it does help. Everything's not great in life, but we can still findbeauty in it. You gotta think like a tree. This is truly an almighty mountain. Just let this happen. We just letthis flow right out of our minds.

You are only limited by your imagination. Talk to trees, look at the birds. Whatever it takes. Anyone can paint.

It's a good way of getting rid of all your anxieties and hostilities. If you don't like it - change it. It's yourworld. Everything is happy if you choose to make it that way. Life is too short to be alone, too precious. Share itwith a friend.


16c

Polygon

You don't have to be crazy to do this but it does help. Everything's not great in life, but we can still findbeauty in it. You gotta think like a tree. This is truly an almighty mountain. Just let this happen. We just letthis flow right out of our minds.

You are only limited by your imagination. Talk to trees, look at the birds. Whatever it takes. Anyone can paint.

It's a good way of getting rid of all your anxieties and hostilities. If you don't like it - change it. It's yourworld. Everything is happy if you choose to make it that way. Life is too short to be alone, too precious. Share itwith a friend.

When things happen - enjoy them. They're little gifts. We can fix anything. If you hypnotize it, it will go away.That is when you can experience true joy, when you have no fear.

16d

Multiple Polygons

It's a good way of getting rid of all your anxieties and hostilities. If you don't like it - change it. It's yourworld. Everything is happy if you choose to make it that way. Life is too short to be alone, too precious. Share itwith a friend.

When things happen - enjoy them. They're little gifts. We can fix anything. If you hypnotize it, it will go away.That is when you can experience true joy, when you have no fear.


16e

Advanced Polygon

R

You don't have to be crazy to do this but it does help. Everything's not great in life, but we can still findbeauty in it. You gotta think like a tree. This is truly an almighty mountain. Just let this happen. We justletthis flow right out of our minds.You are only limited by your imagination. Talk to trees, look at the birds. Whatever it takes. Anyone canpaint.It's a good way of getting rid of all your anxieties and hostilities. If you don't like it - change it. It'syourworld. Everything is happy if you choose to make it that way. Life is too short to be alone, too precious.Shareitwith a friend. When things happen - enjoy them. They're little gifts. We can fix anything. If you hypnotize it,it will go away.That is when you can experience true joy, when you have no fear.

16f

URL

You don't have to be crazy to do this but it does help. Everything's not great in life, but we can still findbeauty in it. You gotta think like a tree. This is truly an almighty mountain. Just let this happen. We just letthis flow right out of our minds.You are only limited by your imagination. Talk to trees, look at the birds. Whatever it takes. Anyone can paint.It's a good way of getting rid of all your anxieties and hostilities. If you don't like it - change it. It's yourworld. Everything is happy if you choose to make it that way. Life is too short to be alone, too precious. Shareitwith a friend. When things happen - enjoy them. They're little gifts.


16g

Gradient

You don't have to be crazy to do this but it does help. Everything's not great in life, but we can still findbeauty in it. You gotta think like a tree. This is truly an almighty mountain. Just let this happen. We just letthis flow right out of our minds.

You are only limited by your imagination. Talk to trees, look at the birds. Whatever it takes. Anyone canpaint.

16h

17

STROKE OF GENIUS

18 Example tspan04 - The number of rotate values is less than the number of characters in the string. Hello, out there
19
20
circle: mask: clipPath:

21
+ =
22

23
24
25

26
27
28
29

30
31
32
33