Quên mật khẩu

Đăng ký


You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]


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!
Demo: [You must be registered and logged in to see this link.]


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>

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết