Thông báo windowsz.net

Chú ý Quảng cáo

 

Diễn dàn khuyên dùng trình duyệt Firefox hoặc Chrome để hiển thị tốt nhất

       

Tìm chúng tôi trên Google + của WindowsZ

Hãy bấm +1 và like để diễn đàn phục vụ bạn tốt hơn
Follow Me on Pinterest

 

 

 

 

Bạn không muốn bị Banned. Vui lòng đọc trước khi post bài

Tham gia vào BQT để nhận ưu đãi lớn

Please choose your language:
Hỗ trợ online: phungnguyen  - Hải Dương - boyplay
Hiện kết quả từ 1 tới 2 của 2

Chủ đề: [CSS3] Vẽ đám mây

  1. #1
    Boyplaysoftware

    Avatar của boyplay
    Tham gia ngày
    Sun Nov 2009
    Đến từ
    Go Vap, Hồ Chí Minh, Vietnam, Vietnam
    Tuổi
    22
    Bài gửi
    19.683
    Thanks
    3.088
    Thanked 18.217 Times in 5.706 Posts
    Blog Entries
    4

    Mặc định [CSS3] Vẽ đám mây

    Chia sẻ lên Digg



    Mã HTML
    PHP Code:
    <div id "cloud"><span class='shadow'></span></div
    Mã CSS
    PHP Code:
    body {
        
    background#ccc;
    }
    #cloud {
        
    width350pxheight120px;
        
        
    background#f2f9fe;
        
    backgroundlinear-gradient(top#f2f9fe 5%, #d6f0fd 100%);
        
    background: -webkit-linear-gradient(top#f2f9fe 5%, #d6f0fd 100%);
        
    background: -moz-linear-gradient(top#f2f9fe 5%, #d6f0fd 100%);
        
    background: -ms-linear-gradient(top#f2f9fe 5%, #d6f0fd 100%);
        
    background: -o-linear-gradient(top#f2f9fe 5%, #d6f0fd 100%);
        
        
    border-radius100px;
        -
    webkit-border-radius100px;
        -
    moz-border-radius100px;
        
        
    positionrelative;
        
    margin120px auto 20px;
    }

    #cloud:after, #cloud:before {
        
    content'';
        
    positionabsolute;
        
    background#f2f9fe;
        
    z-index: -1
    }

    #cloud:after {
        
    width100pxheight100px;
        
    top: -50pxleft50px;
        
        
    border-radius100px;
        -
    webkit-border-radius100px;
        -
    moz-border-radius100px;
    }

    #cloud:before {
        
    width180pxheight180px;
        
    top: -90pxright50px;
        
        
    border-radius200px;
        -
    webkit-border-radius200px;
        -
    moz-border-radius200px;
    }

    .
    shadow {
        
    width350px;
        
    positionabsolutebottom: -10px
        
    background#000;
        
    z-index: -1;
        
        
    box-shadow0 0 25px 8px rgba(0000.4);
        -
    moz-box-shadow0 0 25px 8px rgba(0000.4);
        -
    webkit-box-shadow0 0 25px 8px rgba(0000.4);
        
        
    border-radius50%;
        -
    moz-border-radius50%;
        -
    webkit-border-radius50%;

    Chi tiết: [Chỉ có thành viên mới có thể nhìn thấy link. CLICK VÀO ĐÂY ĐỂ ĐĂNG KÝ]

    Bài viết ngẫu nhiên trong diễn đàn:

    • » Sử dụng phím Shift để làm chậm hiệu ứng...
    • » Reshade Image Enlarger 2.0 Full - Phóng...
    • » [News] AMD tiết lộ dòng card đồ họa thế hệ mới...
    • » [News] SoftKinetic DS325, cảm biến nhận...
    • » [Soft] VueScan 9.1.20 (x86/64) + key _ Phần...
    • » [News] Surface và những vấn đề của Microsoft
    • » [Tip] Thesis 2 - Các nhược điểm và lưu ý khi...
    • » [Film] China Blue 2012 720p HDRip H264-KTH |...
    • » [Game PC] Assassin’s Creed II full 6.5 Gb
    • » [Soft] TuneUp Utilities 2011 Final...

    Xem thêm các chủ đề mới nhất:

    • » www .nhaxinhvn. net - TƯ VẤN, THIẾT KẾ...
    • » Thợ xây nhà
    • » Cho Vay Không Thế Chấp
    • » Hỏi cách vẽ biểu đồ Pie chung nhau...
    • » [CSS3] Trang web dạng trượt ngang
    • » [CSS3 - jQuery] Drop Down Menu với...
    • » [CSS3] Hiệu ứng chữ 3D nổi
    • » [CSS3] Hiệu ứng độc đáo khi rê chuột...
    • » [PHP] Tạo cache cho trang Web
    • » Tối ưu web bằng HTTP cache với .htaccess
    Tập tin đính kèm Tập tin đính kèm

    Y!M: anhchangdeptrai3792159
    Ko Thanks là ko Support nha

    [CSS3] Vẽ đám mây Mọi link đều có mật khẩu là: windowsz.net
    [CSS3] Vẽ đám mây Hỗ trợ download tài liệu tại trang tailieu.vn miễn phí cho mọi người
    Hãy bấm +1 nếu thấy bài viết hay nha bạn



  2. #2
    Thành Viên
    Avatar của voldemort761012
    Tham gia ngày
    Sat Mar 2013
    Bài gửi
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Mặc định

    Cảm ơn nhiều nha............................


Thông tin chủ đề

Users Browsing this Thread

Hiện có 1 người đọc bài này. (0 thành viên và 1 khách)

Chủ đề tương tự

  1. [CSS3 + jQuery] Tạo menu dạng xổ xuống (Accordion) bằng CSS3 cơ bản
    Gửi bởi boyplay trong mục Thủ thuật lập trình
    Trả lời: 17
    Bài cuối: 24-10-2013, 09:34 PM
  2. [CSS3] Nút bấm động đa lớp đẹp
    Gửi bởi boyplay trong mục Thủ thuật lập trình
    Trả lời: 4
    Bài cuối: 30-03-2013, 01:10 PM
  3. [CSS3] Hiệu ứng trái bóng nảy
    Gửi bởi boyplay trong mục Thủ thuật lập trình
    Trả lời: 1
    Bài cuối: 03-02-2013, 08:24 PM
  4. [CSS3] Nút bấm với hiệu ứng động
    Gửi bởi boyplay trong mục Thủ thuật lập trình
    Trả lời: 0
    Bài cuối: 27-04-2012, 07:32 PM
  5. [Tip] CSS3 Cơ bản
    Gửi bởi boyplay trong mục Thủ thuật lập trình
    Trả lời: 0
    Bài cuối: 15-12-2011, 07:48 PM

Những thành viên tìm thấy trang này bởi từ khóa

vẽ đám mây

ve dam mayvẽ đám mayvẽ đám mây tovẽ dam mayvẽ đám mây

Từ khóa (Tag) của chủ đề này

Đánh dấu

Quyền viết bài

  • Bạn không thể gửi chủ đề mới
  • Bạn không thể gửi trả lời
  • Bạn không thể gửi file đính kèm
  • Bạn không thể sửa bài viết của mình
  •