Lá cờ Tổ quốc với CSS3

[Juskteez]

Nhân dịp kỉ niệm Quốc Khánh nước CHXHCN Việt Nam mình chia sẻ cho các bạn 1 lá cờ rất đẹp!
Đì-mô: http://deezsign.forumotion.com/h1-page

Code:
-CSS:

Code:

#star-five { margin: 50px 0; position: absolute; display: block; color: yellow; width: 0px; height: 0px; border-right: 100px solid transparent; border-bottom: 70px solid yellow; border-left: 100px solid transparent; -moz-transform: rotate(35deg); -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); -o-transform: rotate(35deg);margin-left:75px;margin-top:67px; } #star-five:before { border-bottom: 80px solid yellow; border-left: 30px solid transparent; border-right: 30px solid transparent; position: absolute; height: 0; width: 0; top: -45px; left: -65px; display: block; content: ''; -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); } #star-five:after { position: absolute; display: block; color: yellow; top: 3px; left: -105px; width: 0px; height: 0px; border-right: 100px solid transparent; border-bottom: 70px solid yellow; border-left: 100px solid transparent; -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -ms-transform: rotate(-70deg); -o-transform: rotate(-70deg); content: ''; }

#flag {width:350px;height:200px;background:red;}

-HTML (Cha mẹ đặt đâu con nằm đấy nha):

Code:

<div id="star-five"></div><div id="flag"></div>

[miamor]

Wow.........! Chỉ với CSS và có cái cờ.....! :-o
Hay quá

[handsomevip007]

Hơi thất vọng Tưởng nó phấp phới dc chứ

[Juskteez]

Hơi thất vọng Tưởng nó phấp phới dc chứ

Tại không có thời gian viết skew đang làm skin mà

[Lee Yu]

html đặt ở đâu ạ

[Juskteez]

-HTML (Cha mẹ đặt đâu con nằm đấy nha):

Code:

<div id="star-five"></div><div id="flag"></div>

Bạn đặt đâu cũng được, thôi đặt widget cho nó đệp

[Việt]

cờ thì mình có một số ở đây
https://dl.dropbox.com/u/8039292/c3zone/flagz.htm

[Draudrey]

mình xí cái chữ 2/9/1945 - 2/9/2012 (không có nó trông kỳ quá)
đây là css

Code:

.sept2nd {
float: right;
text-align: right;
font-weight: bold;
margin: 10px;
margin-top: 20px;
font-size: 3em;
color: red;
text-shadow: 0 0 1px #444, 0 1px 1px #F80, 0 -1px 1px whiteSmoke, 0 0 4px white, 0 -5px 4px #FF3, 2px -8px 6px #FD3, -2px -13px 11px #F80, 2px -20px 18px #F20;
}

-HTML (Cha mẹ đặt đâu con nằm đấy nha):

Code:

<span class="sept2nd">2/9/1945 - 2/9/2012<br><br><br><p>Mừng ngày Quốc Khánh Việt Nam</p></span>

[mrkunvl]

chui đâu ra 1 ông thích đi ngăm bài người khác đây

[Rin]

tớ thích cái cờ bay bay cơ

[Sponsored content]