Mẫu trần thạch cao phòng ngủ phẳng

• Trang chủ
• Tin tức
• Xây dựng
• Kinh nghiệm chọn thạch cao
• 40 trần thạch cao phẳng phòng khách - phòng ngủ đẹp mê mẩn người xem

• 
  Kinh nghiệm chọn thạch cao
• 28/08/2022

Nội dung bài viết

Hiện nay, mẫu thiết kế trần nhà thạch cao phẳng là sự lựa chọn hàng đầu của các gia đình khi thi công và xây dựng nhà ở. Với việc có nhiều công năng cùng công dụng mang lại vẻ đẹp thẩm mỹ cao, trần thạch cao phẳng đẹp sẽ là lựa chọn đúng đắn mà bạn nên tìm hiểu.

Nếu bạn chưa có nhiều thông tin về thiết kế mẫu trần thạch cao phẳng đẹp thì bài viết dưới đây chắc chắn sẽ dành cho bạn. Chúng tôi sẽ tổng hợp tất cả các thông tin liên quan về công trình thi công này cũng như cung cấp đến bạn các mẫu trần thạch cao phẳng đang cực hot hiện nay. Hãy cùng đón xem nhé

Thiết kế trần thạch cao phẳng đẹp

Trần thạch cao phẳng là gì? 

Trần thạch cao phẳng là tên gọi của loại trần có bề mặt hoàn thiện bằng phẳng đơn giản. Thiết kế của trần này là tấm kim loại được đặt trong cùng một mặt phẳng. Loại trần này được cấu tạo từ hệ thống khung xương và tấm đồng cote với đường nét đơn giản, không có nhiều họa tiết trang trí hay hoa văn cầu kỳ.

Sử dụng thiết kế trần phẳng sẽ mang đến sự đơn giản tối đa trong thiết kế tổng thể của căn phòng và tạo nên vẻ đẹp nhẹ nhàng cho thiết kế nội thất. Có 2 loại trần thạch cao phẳng, ở đây là hệ trần thả hoặc trần chìm:

• Trần chìm thạch caothường được sử dụng khung xương chất lượng với nhiều loại tấm thạch cao khác nhau, thường được gọi là tấm thạch cao phủ, PVC hoặc sợi khoáng
• Trần thạch cao thả hiện đang sử dụng phổ biến các loại xương của nhiều thương hiệu khác nhau để đáp ứng các nhu cầu khác nhau của người tiêu dùng.

Ngoài ra, trần thạch cao phẳng có thể ứng dụng ở nhiều không gian khác nhau, nhưng thường được thiết kế nhiều cho các không gian gia đình, nhà phố hay chung cư.

Thiết kế này thường hướng đến những người có tính cách giản dị, không thích sự màu mè, rườm rà trong kiến ​​trúc gia đình. Trần thạch cao phẳng cũng được sử dụng rộng cho các không gian nhỏ như nhà vệ sinh, ban công căn hộ hoặc hành lang, lan can nhà hàng, hành lang trung tâm thương mại, ...

Ưu điểm và nhược điểm của loại trần thạch cao phẳng

Nắm được các ưu và nhược điểm của thiết kế trần thạch cao phẳng sẽ giúp gia chủ có được sự lựa chọn đúng đắn và phù hợp theo đúng mong muốn và nhu cầu sử dụng trần thạch cao gia đình của mình.

Trần thạch cao phẳng đẹp hiện đại

Ưu điểm 

• Thời gian xây dựng đơn giản và nhanh chóng, dễ dàng, tiết kiệm nhiều thời gian và tiền bạc cho gia chủ.
• Tạo cảm giác rộng rãi, thoáng mát cho không gian bằng sự đơn giản của các chi tiết và không có họa tiết trang trí.
• Trần thạch cao sở hữu nhiều đặc tính và ưu điểm như: chống cháy, chống ẩm, cách nhiệt, cách âm, ...
• Dễ dàng lắp đặt hệ thống điện chiếu sáng mà che đi những khuyết điểm của đường dây điện mà không bị lộ trên bề mặt so với trần bê tông họa tiết trang trí tạo cảm giác không gian trong phòng và giúp căn phòng sáng hơn, thoáng hơn.

Trần thạch cao phẳng phòng bếp đẹp

Nhược điểm 

Tuy có rất nhiều ưu điểm, những trần thạch cao phẳng cũng sẽ mang lại nhiều nhược điểm tồn động như:

• Thiết kế của trần thạch cao phẳng cực kỳ đơn giản chính vì vậy sẽ bị hạn chế nhiều cho khách hàng có thể lựa chọn các mẫu mã
• Các lỗi có thể gặp phải: nhiều thợ thi công không lành nghề có thể thi công để lại các vết xử lý mối nối dễ bị phát hiện hay bị nổi gồ lên, đồng thời các vết lăn sơn lăn tăn sẽ dễ bị nhìn thấy khi người quan sát đứng quay mặt về phía ánh sáng, …

Xem thêm: Mẫu trần thạch cao giật cấp đẹp sang trọng đẳng cấp nhất

40+ mẫu trần thạch cao phẳng đẹp hiện đại được yêu thích nhất 2022

Trần thạch cao phẳng đẹp có thể được sử dụng trong bất kỳ phòng nào, công trình thi công nào nhưng thông thường sẽ được thiết kế cho nội thất nhà ở và căn hộ. Vì đặt tính đơn giản, không có các họa tiết trang trí nên trần bằng được coi là một kiểu kiến ​​trúc phổ biến và dễ sử dụng.

Xem thêm video: Tổng hợp các mẫu trần thạch cao phẳng đẹp nhất hiện nay chỉ có tại Musk

Mẫu trần thạch cao phẳng đẹp sang trọng nhà vệ sinh

Mẫu trần thạch cao phẳng phòng bếp sang trọng

Mẫu trần thạch cao phẳng đẹp phòng làm việc

Mẫu trần thạch cao phòng khách

Trần thạch cao bằng sẽ tạo cảm giác đơn giản nhưng sang trọng và tạo cảm giác không gian rộng rãi hơn. Dưới đây sẽ là một số những mẫu thiết kế trần thạch cao phẳng phòng khách đẹp và hot nhất năm nay mà bạn nên tham khảo nếu đang có nhu cầu muốn sử dụng nhé

Trần thạch cao phẳng sang trọng - mẫu 1​

Mẫu trần thạch cao phẳng đẹp phòng khách - mẫu 2

Thiết kế trần thạch cao phẳng đẹp phòng khách - mẫu 3

Mẫu trần thạch cao phẳng phòng khách - mẫu 4

Thiết kế trần thạch cao phẳng phòng khách đẹp - mẫu 5

Mẫu trần thạch cao phẳng đẹp phòng khách - mẫu 6

Thiết kế trần thạch cao phẳng đẹp phòng khách - mẫu 7

Mẫu trần thạch cao phẳng phòng khách - mẫu 8

Thiết kế trần thạch cao phẳng phòng khách đẹp - mẫu 9

Mẫu trần thạch cao phẳng đẹp phòng khách - mẫu 10

Thiết kế trần thạch cao phẳng đẹp phòng khách - mẫu 11

Mẫu trần thạch cao phẳng phòng khách - mẫu 12

Thiết kế trần thạch cao phẳng phòng khách đẹp - mẫu 13

Mẫu trần thạch cao phẳng đẹp phòng khách - mẫu 14

Thiết kế trần thạch cao phẳng đẹp phòng khách - mẫu 15

Mẫu trần thạch cao phẳng phòng khách - mẫu 16

Thiết kế trần thạch cao phẳng phòng khách đẹp - mẫu 17

Mẫu trần thạch cao phẳng đẹp phòng khách - mẫu 18

Thiết kế trần thạch cao phẳng đẹp phòng khách - mẫu 19

Mẫu trần thạch cao phẳng phòng khách - mẫu 20

Thiết kế trần thạch cao phẳng phòng khách đẹp - mẫu 21

Mẫu trần thạch cao phẳng đẹp phòng khách - mẫu 22

Thiết kế trần thạch cao phẳng đẹp phòng khách - mẫu 23

Mẫu trần thạch cao phẳng đẹp cuốn hút - mẫu 24

Thi công mẫu trần thạch cao phẳng đẹp hiện đại - mẫu 25

Thi công mẫu trần thạch cao phẳng đẹp phòng khách -mẫu 26

Thi công mẫu trần thạch cao phẳng phòng khách đẹp - mẫu 27

Mẫu trần thạch cao phẳng đẳng cấp - mẫu 28

Trần thạch cao phẳng phòng khách tối giản - mẫu 29

Mẫu trần thạch cao phẳng phòng ngủ

Mẫu trần thạch cao phẳng đẹp phòng ngủ - mẫu 1

Mẫu trần thạch cao phẳng phòng ngủ - mẫu 2

Mẫu thiết kế trần thạch cao phẳng phòng ngủ đẹp - mẫu 3

Thiết kế trần thạch cao phẳng đẹp phòng ngủ - mẫu 4

Trần thạch cao phẳng phòng ngủ hiện đại - mẫu 5

Mẫu trần thạch cao phẳng phòng ngủ xu hướng mới nhất - mẫu 6

Mẫu thiết kế trần thạch cao phẳng phòng ngủ đẹp - mẫu 7

Thiết kế trần thạch cao phẳng đẹp phòng ngủ - mẫu 8

Mẫu trần thạch cao phẳng phòng ngủ - mẫu 9

Mẫu thiết kế trần thạch cao phẳng phòng ngủ đẹp - mẫu 10

Thiết kế trần thạch cao phẳng đẹp phòng ngủ - mẫu 11

Quy trình thi công mẫu trần phẳng thạch cao

Cùng chúng tôi theo dõi các quá trình thi công mẫu trần thạch cao phẳng đẹp chi tiết dưới đây. Quá trình này rất đơn giản sẽ giúp bạn tiết kiệm được nhiều thời gian khi thi công nhé.

Xem thêm:   Cách thi công&nbsp;<strong>mẫu trần thạch cao phẳng đẹp</strong></p> </blockquote> <div style="text-align:center"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen frameborder="0" height="315" src="https://www.youtube.com/embed/w1ATyL4TiFw" title="YouTube video player" width="560"></iframe></div> <ul> <li><strong>Về phần khung xương</strong>:&nbsp; Đây là bước quan trọng vì khung xương chịu trách nhiệm cho toàn bộ hệ thống mái và có nhiệm vụ nâng đỡ toàn bộ sức nặng của trần. Việc đi bộ khung xương phải an toàn, được tính toán kỹ lưỡng và phải đảm bảo đúng tiêu chuẩn kỹ thuật.</li> <li><strong>Tấm kích hoạt</strong>: tấm thạch cao cho trần chìm phẳng thông thường sẽ có kích thước 1,22mx2,44m. Tấm này được nung dưới khung xương và gắn chặt vào khung xương bằng vít</li> <li><strong>Sơn bả</strong>: Sau khi tấm panel đã được nung, người thi công cần xử lý mối nối giữa hai tấm. Đây là vị trí phải được quản lý và thi công cẩn thận&nbsp; cũng như làm đúng cách để tránh hư hỏng và các vết nứt do mối mọt có thể xảy ra.</li> </ul> <blockquote> <p>Đồng thời áp dụng từ phương án kỹ thuật tính toán đánh dấu các vị trí cần khoan lỗ lắp đặt hệ thống đèn điện hay thiết bị thông gió, điều hòa,… Và cũng từ đó mà tạo được sự tương phản hoặc thống nhất màu sắc của căn phòng với các chi tiết trang trí được sơn như một lớp áo để tạo nên nét thẩm mỹ hay sự sang trọng hiện đại của trần thạch cao giật cấp phẳng.</p> </blockquote> <div style="text-align:center"> <figure class="image" style="display:inline-block"><img alt="Thi công mẫu trần thạch cao phẳng đẹp sang trong" class="wp-image-47728 size-full" height="400" src="https://musk.vn/uploads/files/2022/01/thi-cong-mau-tran-thach-cao-phang-dep-sang-trong.jpg" style="width:600px"> <figcaption>Thi công mẫu trần thạch cao phẳng đẹp sang trọng</figcaption> </figure> </div> <h2><span style="color:#000080"><strong>Các câu hỏi thường gặp</strong></span></h2> <h3><span style="color:#2980b9"><strong>1.&nbsp;Nên làm trần thạch cao phẳng hay giật cấp?</strong></span></h3> <ul> <li>Đối với không gian nhỏ và kinh phí không nhiều thì nên làm trần thạch cao phẳng, giúp cho không gian trở nên thoáng đãng và hiện đại hơn</li> <li>Đối cới không gian lớn hơn và có nhiều tài chính thì có thể xây trần thạch cao giật cấp. Có thể tạo kiểu mẫu tùy thích giúp ngôi nhà trở nên sang trọng và bắt mắt hơn.</li> </ul> <h3><span style="color:#2980b9"><strong>2.&nbsp;Trần thạch cao phẳng được cấu tạo từ những bộ phận nào?</strong></span></h3> <ul> <li>Khung xương: khung của tràn thạch cao gồm có những thanh thép dạng mỏng chữ L hoặc T,... và được kết nối với nhau thành khung xương vững chắc để đỡ các tấm thạch cao.</li> <li>Lớp sơn bả: giúp cho bề mặt của tràn thạch cao mịn và đều màu hơn.</li> <li>Tấm trần thạch cao: Được gắn trực tiếp vào khung xương và được cố định với nhau bằng các đinh ốc chuyên dụng cho trần thạch cao.</li> </ul> <p><em>Vậy, <a target="_blank" href="https://musk.vn/"><strong>Musk.vn</strong></a> đã cũng cấp cho bạn đầu đủ thông tin cũng như kiến thức cơ bản liên quan đến <strong>trần thạch cao phẳng</strong> rồi đúng không nào? Sử dụng dịch vụ thi công trần thạch cao này để làm căn phòng của bạn trở nên tinh tế tao nhã và sang trọng hơn nhé.</em></p> </div> </div> <div class="col-md-3 col-xs-12 sidebar-company"> </div> </div> </div> </div> </section> </main> <div id="modalImage" class="modalImage"> <img id="modalImage-content" class="modalImage-content"> <div id="modalImage-close" class="modalImage-close"></div> <div id="modalImage-caption" class="modalImage-caption"></div> </div> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="z-index:10000"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Hướng dẫn sử dụng chức năng báo giá</h5> <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> Đang cập nhật... </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Đóng</button> </div> </div> </div> </div> <div id="login-register-password" class="CRVer_3"> <div class="tab_container_login active-popup-login CRtab_log_pc active-popup-registry"> <div class="form-wrapper"> <div class="intro_log"> <a class="btn_backClose"><span><i class="fa fa-angle-left" aria-hidden="true"></i>Trở về</span></a> <div class="content"> <img alt="MuskVn" class="lazyloaded" src="https://musk.vn/web/musk/common/images/3227420-1.png"> <h3>Kết nối dễ dàng - muôn vàn dịch vụ</h3> <p>Dù bạn ở đâu chỉ cần có internet Musk.vn sẽ giúp bạn kết nối với hàng trăm dịch vụ chỉ với vài cái chạm tay</p> </div> </div> <div class="all_tab_log CRfix_error_mes"> <div id="tab1_login" class="default_login tab_content_login"> <div class="content"> <div class="right"> <div class="cont"> <div class="CRsame_cont_tab_log"> <div class="login__logo"> <image class="login__logo-img" src="https://musk.vn/web/musk/common/images/img.png"> <p class="login__logo-text">MUSK VIỆT NAM</p> </image></div> </div> <h3>Đăng nhập</h3> <p class="cont_def">Sử dụng thông tin đăng nhập của bạn để truy cập</p> <form action="#" id="form-login" class="login__form"> <div class="mb-3 login__form-item"> <label class="form-label login__form-text">Tài khoản</label> <input type="email" placeholder="Số điện thoại/Email" class="form-control input-first login__form-input"> </div> <div class="mb-3 login__form-item"> <label class="form-label login__form-text">Mật khẩu</label> <input id="password-field" type="password" placeholder="Nhập mật khẩu của bạn" class="form-control input-second login__form-input" name="password"> <span toggle="#password-field" class="fa fa-fw fa-eye login__form-icon toggle-password"></span> </div> <button id="button--submit" type="submit" class="login__form-button">Đăng nhập</button> </form> <a target="_blank" href="https://musk.vn/tin-tuc/tran-thach-cao-phang.html#" class="login__form-subtext mt-2">Quên mật khẩu</a> <div class="login__social"> <div class="login__social-groupline"> <div class="login__social-line"></div> <p class="login__social-text">Hoặc đăng nhập với</p> <div class="login__social-line"></div> </div> <div class="login__social-group"> <a class="btn btn-primary login__social-button login__social-button-fb"><img src="https://musk.vn/web/musk/common/images/img.png"><span>Facebook</span></a> <a class="btn btn-primary login__social-button login__social-button-gg"><img src="https://musk.vn/web/musk/common/images/img.png"><span>Google</span></a> </div> </div> <div class="wrap_switch_tab"> <div class="cont_switch"> <p>Bạn chưa có tài khoản?</p> <a class="CRbtn_switch" data-type="reg">Đăng ký</a> </div> </div> </div> </div> </div> </div> <div id="tab2_login" class="default_login tab_content_registry visiable-hidden"> <div class="content"> <div class="right"> <div class="cont"> <div class="CRsame_cont_tab_log"> <div class="login__logo"> <image class="login__logo-img" src="https://musk.vn/web/musk/common/images/img.png"> <p class="login__logo-text">MUSK VIỆT NAM</p> </image></div> </div> <h3>Đăng ký</h3> <p class="cont_def">Tạo tài khoản mới trong vòng 1 phút.</p> <form action="#" id="form-register" class="login__form"> <div class="mb-3 login__form-item"> <label class="form-label login__form-text">Số điện thoại</label> <input type="text" placeholder="Nhập số điện thoại của bạn...." class="form-control input-first-res login__form-input"> <div class="register__group"> <input id="captchaTextBox" type="text" placeholder="Nhập mã capcha" class="form-control input-second-res login__form-input register__input"> <div class="register__captcha captcha_text"> <div id="captcha"></div> <img id="captchaImg" src="" alt="Geben sie die im Bild dargestellte Zeichenfolge ein"> </div> </div> </div> <button id="button--register" type="submit" class="login__form-button">Đăng ký</button> </form> <div class="login__social"> <div class="login__social-groupline"> <div class="login__social-line"></div> <p class="login__social-text">Hoặc đăng ký với</p> <div class="login__social-line"></div> </div> <div class="login__social-group"> <a class="btn btn-primary login__social-button login__social-button-fb"><img src="https://musk.vn/web/musk/common/images/img.png"><span>Facebook</span></a> <a class="btn btn-primary login__social-button login__social-button-gg"><img src="https://musk.vn/web/musk/common/images/img.png"><span>Google</span></a> </div> </div> <div class="wrap_switch_tab"> <div class="cont_switch"> <p>Bạn đã có tài khoản?</p> <a class="CRbtn_switch" data-type="log">Đăng nhập</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg_popup_login"></div> </div> <footer class="pt-40 pb-40"> <div class="wraper"> <div class="row"> <div class="col-12 col-md-3"> <h4 class="ttl_f">THÔNG TIN LIÊN HỆ</h4> <div class="content_f mt-20"> <ul> <li class="mt-5"> Công Ty Cổ Phần Nền Tảng Đại Dương Xanh</li> <li class="mt-5">Địa chỉ: 71 Dương Văn Cam, P.Linh Tây, TP.Thủ Đức, TPHCM</li> <li class="mt-5">Điện thoại: 0904140007</li> </ul> </div> </div> <div class="col-12 col-md-3"> <h4 class="ttl_f">VỀ MUSK VIỆT NAM</h4> <div class="content_f mt-20"> <ul> <li class="mt-10"><a target="_blank" href="https://musk.vn/gioi-thieu.html">Giới thiệu</a></li> <li class="mt-10"><a target="_blank" href="https://musk.vn/lien-he.html">Liên hệ</a></li> <li class="mt-10"><a target="_blank" href="https://musk.vn/tin-tuc">Tin tức</a></li> <li class="mt-10"><a target="_blank" href="https://musk.vn/doanh-nghiep-tp-ho-chi-minh">Doanh nghiệp</a></li> </ul> </div> </div> <div class="col-12 col-md-3"> <h4 class="ttl_f">HỖ TRỢ KHÁCH HÀNG</h4> <div class="content_f mt-20"> <ul> <li class="mt-10"><a target="_blank" href="https://musk.vn/dieu-khoan-su-dung.html">Điều khoản sử dụng</a></li> <li class="mt-10"><a target="_blank" href="https://musk.vn/chinh-sach-bao-mat-thong-tin.html">Chinh sách bảo mật thông tin</a></li> </ul> </div> <div class="content flexBox midle mt-20" style="padding-left:0px!important"> <h4 class="ttl_f">KẾT NỐI VỚI CHÚNG TÔI</h4> <ul class="flexBox socail_f ml-15"> <li><a href="https://www.youtube.com/channel/UC8pxUenBS1pPpx-K-DZ4bqg" target="_blank"> <img src="https://musk.vn/uploads/files/struction/icons8_youtube_squared%201.png" alt=""></a></li> <li><a href="https://www.facebook.com/muskvn1" target="_blank"> <img src="https://musk.vn/uploads/files/struction/icons8_facebook%201.png" alt=""></a></li> <li><a href="https://zalo.me/4038738003916640748" target="_blank"> <img src="https://musk.vn/uploads/files/struction/icons8_zalo%201.png" alt=""></a></li> </ul> </div> </div> <div class="col-12 col-md-3"> <h4 class="ttl_f">CHỨNG NHẬN BỞI</h4> <div class="content flexBox midle mt-20"> <div> <a href="http://online.gov.vn/Home/WebDetails/83181" target="_blank"> <img class="bo-cong-thuong" src="https://musk.vn/web/musk/img/bo_cong_thuong_da_dang_ky.png"> </a> </div> <div> <a href="https://tinnhiemmang.vn/danh-ba-tin-nhiem/muskvn-1658803027" title="Chung nhan Tin Nhiem Mang" target="_blank"><img src="https://tinnhiemmang.vn/handle_cert?id=musk.vn" width="150px" height="auto" alt="Chung nhan Tin Nhiem Mang"> </a> </div> <div style="margin-left:5px"> <a href="https://www.dmca.com/Protection/Status.aspx?ID=eaf5bbb8-33d8-4377-8cc2-81774b62df4f" title="DMCA.com Protection Status" class="dmca-badge" target="_blank"> <img class="dmca" src="https://images.dmca.com/Badges/_dmca_premi_badge_2.png?ID=eaf5bbb8-33d8-4377-8cc2-81774b62df4f" alt="DMCA.com Protection Status"> </a> <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script> </div> </div> </div> </div> <div class="row"> <div class="col"> <p class="copyright">@2022 Bản quyền của Công Ty Cổ Phần Nền Tảng Đại Dương Xanh</p> </div> </div> </div></footer> <button type="button" id="btnViewAllImage" style="display:none" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#viewAllImage"></button> <div class="modal fade" id="viewAllImage" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="margin-top:110px"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body" id="thumbnail-display-image"> <button style="position:absolute;top:5px;right:5px" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div style="padding:15px"> <div> <div class="thumb-display-container" id="listImageLarge"> <div class="row mt-5" id="listImageMini"> </div> </div> </div> </div> </div> </div> </div> </div> <style> .imageQuote { height: 50px; } .imageQuoteBtn { position: relative; padding: 0px; } .imageQuoteBtn .close { position: absolute; top: -8px; right: 1px; z-index: 100; color: #FFFFFF; font-size: 20px; } .button-jittery .btn-clickme { animation: jittery 4s infinite; } /*.button-jittery .btn-clickme:hover {*/ /* animation: heartbeat 0.2s infinite;*/ /*}*/ @keyframes jittery { 5%, 50% { transform: scale(1); } 10% { transform: scale(0.9); } 15% { transform: scale(1.15); } 20% { transform: scale(1.15) rotate(-5deg); } 25% { transform: scale(1.15) rotate(5deg); } 30% { transform: scale(1.15) rotate(-3deg); } 35% { transform: scale(1.15) rotate(2deg); } 40% { transform: scale(1.15) rotate(0); } } @keyframes heartbeat { 50% { transform: scale(1.1); } } .btn-clickme { background: transparent; color: #fff; border: 3px solid #fff; border-radius: 50px; padding: 5px 20px; font: 18px "Margarine", sans-serif; outline: none; cursor: pointer; position: relative; transition: 0.2s ease-in-out; letter-spacing: 2px; } .bubble { position: absolute; right: 137px; bottom: 56px; width: 300px; padding: 20px; background-color: #3357AF; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #FFFFFF; font-weight: 600; } .bubble:before { content: ""; position: absolute; padding: 7px 15px; bottom: -14px; right: -2px; background-color: #3357AF; border-bottom-left-radius: 30px 20px; } .bubble:after { content: ""; position: absolute; padding: 7px 15px; bottom: -14px; right: -12px; background-color: white; border-bottom-left-radius: 30px 20px; } .musk-box-chat { position: fixed; right: 0px; bottom: 0px; z-index: 100; } .musk-box-chat .pic { width: 40px; height: 40px; background-size: cover; background-position: center; /*border-radius: 50%;*/ } .musk-box-chat .contact { position: relative; margin-bottom: 1rem; padding-left: 55px; height: 40px; display: flex; flex-direction: column; justify-content: center; } .musk-box-chat .contact .pic { position: absolute; left: 0; } .musk-box-chat .contact .name { font-weight: 500; /*margin-bottom: 0.125rem;*/ text-overflow: ellipsis; width: 100%; overflow: hidden; white-space: nowrap; font-weight: bold; font-size: 14px; } .musk-box-chat .contact .message, .musk-box-chat .contact .seen { font-size: 0.9rem; color: #999; } .musk-box-chat .contact .badge { box-sizing: border-box; position: absolute; width: 20px; height: 20px; /* text-align: center; */ font-size: 12px; /* padding-top: 4px; */ border-radius: 50%; top: 0; left: 37px; background: #333; color: white; padding: 4px; } .musk-box-chat .contacts { position: absolute; bottom: -225px; left: 0; transform: translate(-70px, -225px); width: 400px; height: 450px; padding: 1rem 2rem 1rem 1rem; box-sizing: border-box; border-radius: 1rem 0 0 1rem; cursor: pointer; background: white; box-shadow: 0 0 8rem 0 rgb(0 0 0 / 10%), 2rem 2rem 4rem -3rem rgb(0 0 0 / 50%); transition: transform 500ms; } .musk-box-chat .contacts #list-contact{ overflow-y: scroll; height: 350px; padding: 10px 0px; } .musk-box-chat .contacts #list-contact .active{ border-radius: 5px; background-color: #3357AF; color: white; } .musk-box-chat .contacts #list-contact .message{ font-size: 12px; text-overflow: ellipsis; width: 100%; } .musk-box-chat .contacts h2 { margin: 9px 0px 22px 55px } .musk-box-chat .contacts .fa-bars { position: absolute; left: 27px; color: #999; transition: color 200ms; margin-top: 10px; } .musk-box-chat .contacts .fa-bars:hover { color: #666; } .musk-box-chat .contacts .contact:last-child { margin: 0; } .musk-box-chat .contacts:hover { transform: translate(-23rem, -50%); } .musk-box-chat .chat { position: relative; display: flex; flex-direction: column; /*justify-content: space-between;*/ /*width: 24rem;*/ /*height: 38rem;*/ width: 350px; height: 450px; z-index: 2; box-sizing: border-box; border-radius: 1rem; background: white; box-shadow: 0 0 8rem 0 rgba(0, 0, 0, 0.1), 0rem 2rem 4rem -3rem rgba(0, 0, 0, 0.5); } .musk-box-chat .chat .contact.bar { flex-basis: 3.5rem; flex-shrink: 0; margin: 5px; box-sizing: border-box; } .musk-box-chat .chat .messages { padding: 0px 10px; background: #f7f7f7; flex-shrink: 2; overflow-y: auto; box-shadow: inset 0 2rem 2rem -2rem rgba(0, 0, 0, 0.05), inset 0 -2rem 2rem -2rem rgba(0, 0, 0, 0.05); height: 100%; } .musk-box-chat .chat .messages .time { font-size: 0.8rem; background: #eee; padding: 0.25rem 1rem; border-radius: 2rem; color: #999; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; } .musk-box-chat .chat .messages .message { box-sizing: border-box; padding: 0.5rem 1rem; margin: 1rem; background: #fff; border-radius: 1.125rem 1.125rem 1.125rem 0; min-height: 2.25rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 66%; box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075), 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.1); white-space: break-spaces; } .musk-box-chat .chat .messages .message.parker { margin: 1rem 1rem 1rem auto; border-radius: 1.125rem 1.125rem 0 1.125rem; background: #333; color: white; } .musk-box-chat .chat .messages .message .typing { display: inline-block; width: 0.8rem; height: 0.8rem; margin-right: 0rem; box-sizing: border-box; background: #ccc; border-radius: 50%; } .musk-box-chat .chat .messages .message .typing.typing-1 { -webkit-animation: typing 3s infinite; animation: typing 3s infinite; } .musk-box-chat .chat .messages .message .typing.typing-2 { -webkit-animation: typing 3s 250ms infinite; animation: typing 3s 250ms infinite; } .musk-box-chat .chat .messages .message .typing.typing-3 { -webkit-animation: typing 3s 500ms infinite; animation: typing 3s 500ms infinite; } .musk-box-chat .chat .input { box-sizing: border-box; flex-basis: 4rem; flex-shrink: 0; display: flex; align-items: center; padding: 0 0.5rem 0 1.5rem; } .musk-box-chat .chat .input i { font-size: 1.5rem; margin-right: 1rem; color: #666; cursor: pointer; transition: color 200ms; } .musk-box-chat .chat .input i:hover { color: #333; } .musk-box-chat .chat .input input { border: none; background-image: none; background-color: white; padding: 0.5rem 1rem; margin-right: 1rem; border-radius: 1.125rem; flex-grow: 2; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1), 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.2); font-family: Red hat Display, sans-serif; font-weight: 400; letter-spacing: 0.025em; } .musk-box-chat .chat .input input:placeholder { color: #999; } @-webkit-keyframes typing { 0%, 75%, 100% { transform: translate(0, 0.25rem) scale(0.9); opacity: 0.5; } 25% { transform: translate(0, -0.25rem) scale(1); opacity: 1; } } @keyframes typing { 0%, 75%, 100% { transform: translate(0, 0.25rem) scale(0.9); opacity: 0.5; } 25% { transform: translate(0, -0.25rem) scale(1); opacity: 1; } } .musk-box-chat .pic.stark { background-image: url("https://musk.vn/web/img/user_icon.png"); } .musk-box-chat .pic.quote { background-image: url("https://musk.vn/web/img/quote-icon.png"); } /* width */ .musk-box-chat ::-webkit-scrollbar { width: 8px; } /* Track */ .musk-box-chat ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .musk-box-chat ::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ .musk-box-chat ::-webkit-scrollbar-thumb:hover { background: #555; } #request_quote_history p { margin-bottom: 0px; } .mess-system { color: red; } #show_box_style { display: none; } @media only screen and (max-width: 768px) { #show_box_style { display: block; } .musk-box-chat .contacts:hover { transform: translate(-70px, -225px); } .musk-box-chat .contacts { height: 60vh; width:100vw; } .musk-box-chat .chat { height: 60vh; width: calc(100vw - 70px); } .bubble { right: 80px; font-size: 12px; } .btn-clickme { font-size: 14px; } } @media only screen and (max-width: 414px) { .bubble { right: 40px; font-size: 12px; } .btn-clickme { font-size: 14px; } } .bubble-close { position: absolute; top: 10px; right: 15px; color: #333; cursor: pointer; }

Bạn có thể gửi tin nhắn yêu cầu báo giá đến nhiều nhà cung cấp cùng 1 lúc . Thử ngay !!!

Hướng dẫn

Yêu cầu báo giá

Doanh nghiệp

---

Tony Stark

Không thẻ gửi báo giá vì chưa có doanh nghiệp nào kết nối tính năng gửi báo giá. Chúng tôi xin lỗi vì bất tiện này. Để tìm hiểu thêm vui lòng liên hệ Hotline

Lịch sử yêu cầu báo giá

Báo giá chờ duyệt nếu có sẽ xuất hiện ở đây

Xin vui lòng bớt chút thời gian đóng góp ý kiến giúp Musk phục vụ bạn tốt hơn

Bạn đang không hài lòng về điểm nào của tính năng báo giá này?

Thái độ partner..

Thời gian báo giá

Trải nghiệm trên web

Hài lòng

Đóng góp ý kiến cải thiện tính năng

Gửi

Loading...