Text 3D với HTML và CSS

Chia sẻ

---

1. HTML

<span class="text">DevForum.Info</span>

2. CSS

body {
			background-color: #c4c4c4;
		}

		.text {
			position: absolute;
			top: 50%;
			right: 50%;
			transform: translate(50%, -50%);
			text-transform: uppercase;
			font-family: verdana;
			font-size: 7em;
			font-weight: 600;
			color: #f5f5f5;
			text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191,
			1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191,
			1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191,
			1px 10px 1px #919191, 1px 18px 6px rgba(16, 16, 16, 0.4),
			1px 22px 10px rgba(16, 16, 16, 0.2), 1px 25px 35px rgba(16, 16, 16, 0.2),
			1px 30px 60px rgba(16, 16, 16, 0.4);
		}

3. JAVASCRIPT

---