CSS3 Text 3D, hiệu ứng chữ 3D

Để Sử dụng được chữ 3D chúng ta làm như sau:

#1: Dán đoạn code sau vào trên thẻ ]]></b:skin>

#text {
    font-family: 'Myriad Pro', Helvetica, Arial sans-serif;
    font-size: 8em;
    width: 100%;
    text-align: center;
    margin: 120px 0;
}
 
#text a {
    text-decoration: none;
    font-weight: bold;
    color: #C0FF3E;
    text-shadow: 0 2px 0 #721e1e, 0px 2px 5px rgba(0,0,0,0.5);
    position: relative;
    -webkit-transition: all 0.1s ease-in;
}
 
#text a:hover {
    text-shadow: 0 2px 0 #d84f4f, 0 4px 0 #d54646, 0 6px 0 #ce3333, 0 8px 0 #b92e2e, 0 10px 0 #912525, 0 12px 0 #721e1e, 0px 12px 10px rgba(0,0,0,0.5);
    top: -12px;
}

#2: Cách viết chữ  3D:

Bạn dùng thẻ HTML ở thanh công cụ rồi past đoạn code sau vào.

<div id="text">
<a href="https://www.facebook.com/nguyen.minhtri.9256">Minh Trí - Star</a></div>

Thay:

• https://www.facebook.com/nguyen.minhtri.9256

          Thay bằng link web bạn muốn nó hiện khi click vào.

• Minh Trí - Star

          Thay bằng chữ bạn muốn nó hiện.

Demo: Bạn hãy thử trên Blog của bạn nhé (Demo của blog mình hơi lỗi).

Minh Trí - Star