Text 3D với HTML và CSS



DevForum chia sẻ anh em code làm Chữ 3D với HTML và CSS

1. HTML

							DevForum.Info						

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

													



Mong bài viết giúp ích được các bạn phần nào trong thiết kế Web. Hãy nhấn nút để mọi người cùng học hỏi kiến thức mới nhé. Cảm ơn các bạn đã quan tâm Forum.