Nghệ thuật bo tròn CSS trong Blogspot

Bài viết tản mản đầu tiên. Mà cũng không biết nó có phải tản mạn không nữa tại cái này liên quan đến Blogspot mà cái ý tưởng như cái thủ thuật vậy :v
Nói đến đây chắc nhiều bạn vẫn chưa biết nghệ thuật bo tròn là gì và ngay cả mình cũng chỉ mới phát hiện ra nó mới cách đây 2 tiếng mặc dù mình đã làm rất nhiều lần nhưng chưa biết nó là 1 nghệ thuật :v
Nghệ thuật bo tròn CSS nói nôm na là nghệ thuật "border-radius". Nói ngang đây chắc nhiều bạn biết chút ít về CSS cũng hiểu :v 
Tại sao mình nói đây là nghệ thuật ? Bởi "hầu hết" (không phải là tất cả) các CSS, widget... khi sử dụng border-radius (bo tròn) sẽ làm chúng đẹp và trở nên tỉ mỉ hơn.


Các bạn cứ thử xem :v Ví dụ nhé:
- 1 avatar của những người bình luận các bạn thấy thế nào giữa 1 cái ảnh vuông và 1 cái ảnh tròn? Hẳn rất nhiều bạn sẽ cảm thấy tròn sẽ đẹp hơn bởi vì nó tạo ra 1 "đường cong mềm mại" với sự bo tròn "tỉ mỉ từng khung hình" :v
- 1 ví dụ khác ở cái nút Back to Top và Back to Home của Blog các bạn (hay ở blog mình chẳng hạn) thì nhìn qua các blog thường dùng 2 cái nút đó với border-radius luôn luôn khác 0 :v và đa số là border-radius: 100%. Có 1 vài blog cũng có button vuông nhưng border-radius luôn luôn lớn hơn 0 !
- Ví dụ điển hình ngay Blog Bác Sĩ Windowsđây là blog sử dụng nghệ thuật này rất điêu luyện bởi vì sao ? Không phải lúc nào, cái gì nó bo tròn cũng đẹp. Bạn nào chưa chú ý kĩ thì hãy nhìn kĩ blog đó và từng chi tiết mình kể nhé:
  + Đầu tiên đạp vào con mắt cái khung tìm kiếm.
  + Thứ 2 là cái thumbnail bài viết trong kết quả tìm kiếm của Search Live. Hãy nhìn kĩ nhé, BSW đã bo tròn nó 50% (border-radius: 50%) cái thumbnail này nhìn rất đẹp.
  + Còn rất nhiều thứ khác nữa và cả những chi tiết rất nhỏ mà đôi khi các bạn còn không để ý cơ :v

Nay đã có rất nhiều blog đã biết và sử dụng CSS bo tròn nhưng chưa hề hay biết đó là nghệ thuật từ bao giờ. Nhưng sử dụng đúng, đẹp thì mới gọi là nghệ thuật. Không phải cái gì cũng dùng đến nó mà có những thứ không nên đụng vào nó ! 

Bài viết hôm nay đến thế thôi, hơi xàm tí nhưng tâm sự của mình đó :v Nói cho các bạn biết đó là một nghệ thuật. Hi vọng sau bài viết này, các bạn sẽ để ý hơn đến nghệ thuật "border-radius", nó sẽ giúp các bạn làm đẹp blog rất nhiều đấy !

Bình luận

  1. Vỗ tay pộp pộp �� �� ��

    Trả lờiXóa
  2. khuya vẫn có ng cmt :v ahjhj lên !

    Trả lờiXóa
  3. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  4. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  5. - Chủ nhật vui vẻ nhé các người bạn !!! Qua tương tác blog tui nhé

    Trả lờiXóa
  6. Bài viết bo tròn nghệ thuật này tui cũng có đọc ở Zing và hiểu sơ qua về lý do anh Mark đổi avatar sang tròn, nhìn mới đầu rất ngứa cmn mắt, nhưng sau một thời gian nhìn kĩ và chiêm nghiệm thì thấy...xấu vl :))). Mark bê cần!

    Trả lờiXóa
    Trả lời
    1. mà lý do sao đổi thế, tui cũng chưa biết luôn, (có j update vào bài viết luôn :v)

      Xóa
    2. À tại vì theo khảo sát và tâm lý người dùng thì bo tròn khiến mắt dễ chịu hơn vuông, đơn giản chỉ vậy...a Mark nói sao hiểu zậy thôi :))

      Xóa
  7. Chào bạn :v chịch không bạn :)

    Trả lờiXóa
  8. Anh ko làm bên Link Thủ Thuật nữa hả ?

    Trả lờiXóa
  9. Cmt ngoài lề tí là trong boostrap thì nếu dùng trigger tức sau khi click ra vùng chọn bất kì nó sẽ auto mất hiển thị đang hiện hành đó e. Áp dụng cho recent comment và mạng xã hội kia xem sao.

    Trả lờiXóa
  10. Nút thích bình luận vô dụng phết nhỉ :v

    Trả lờiXóa
    Trả lời
    1. anh click vào đi a :v có mak :v chẳng qua count nó ko hiện trực tiếp thôi :)))

      Xóa
    2. Như vậy thì chán quá, phải nó thống kê như thằng fb luôn thì hay :­v

      Xóa
    3. lúc trc có bảo a share code thống kê lượt like mak a hứa nhưng có viết bài share đâu :3

      Xóa
    4. Uầy, em kêu anh hướng dẫn thống kê số bình luận fb mà: Xem

      Xóa
    5. http://www.bacsiwindows.com/2017/11/mo-them-chuyen-muc-yeu-cau-bai-viet-tu-bac-si-windows.html?showComment=1510699322801#c5674991461504616424
      xem cmt này nek :v anh bảo ok luôn nhé

      Xóa
    6. Tưởng nút thích bài viết, chứ nút thích bình luận thì sao thống kê được =_=

      Xóa
    7. em chỉ cần cái code thống kê lượt thích fb thôi, còn thống kê sao thì e biết =))

      Xóa
  11. Cái màu blog khó chịu sao sao ấy :v

    Trả lờiXóa
  12. Đẹp mà thanh menu màu mè quá vậy bác ơi

    Trả lờiXóa
  13. cơ mak đổi lại r. nghe mấy bác phàn nàn ghê quá :3

    Trả lờiXóa
  14. - Bác thay giùm em phần liên kết NTĐ SYSTEM thành Đạt Nguyễn Blog và Link: https://datnguyenblogger.blogspot.com/
    - Giúp em nha :*

    Trả lờiXóa
  15. Chào bác Trọng Khanh Nguyễn

    Trả lờiXóa
  16. Khung liên kết sắp giống của Facebook r :v

    Trả lờiXóa
  17. Trả lời
    1. sắp tên phải chỉnh lại tên r :v chính sách giáo dục đã thay đổi :v

      Xóa
  18. chưa biết viết bài gì đấy :v

    Trả lờiXóa
  19. cái phần Viết gì đó là lừa đảo nha! đăng méo được :v

    Trả lờiXóa
    Trả lời
    1. xem phần GIAO DIỆN ĐANG NÂNG CẤP NHA tui có ghi j nha .

      Xóa
    2. cơ mak nếu đc thì sao bác biết đc :3 nó là contact form mak :3

      Xóa
  20. Trả lời
    1. Oke bác
      Tên: Đức Huy Blog
      URL: http://www.nguyenhuyit.tk/
      Link ảnh: https://i.imgur.com/lJ3Thyl.jpg
      Bác cho tui link ảnh blog bác để tui đặt hình ảnh lun nha Khanh

      Xóa
    2. đây nek bạn:
      https://lh3.googleusercontent.com/-XfsKsvNYMtw/AAAAAAAAAAI/AAAAAAAAAAA/ANQ0kf77xjQklVfvuz1Xm_h1UAXzAJWFzg/s32-c-mo/photo.jpg

      Xóa
    3. tui đã đặt cho bác rồi nha

      Xóa
  21. Sao ít sang blog tui comment thế :v

    Trả lờiXóa
    Trả lời
    1. dạo này có rảnh qua nhiều blog đâu. đang có nhiều scandal khiến tôi phải nhúng tay vào đây

      Xóa
  22. Bo tròn rất đẹp kg biết tạo hình tam giác được kg nhỉ

    Trả lờiXóa
    Trả lời
    1. Duy không thích bộ tròn :)) Và thấy bo tròn tầm 10-15px thôi thù đẹp :v

      Xóa
    2. Mọi :v là cái gì vậy a?

      Xóa
    3. kiêut như ng ko theo kịp thời đại á :v

      Xóa
    4. Cơ mà em thấy bo tròn nó cứ thế nào á lên cũng không ừ cho lắm :))

      Xóa
    5. haizzz .
      v e có thích Mark để ava fb tròn như bh ko :v

      Xóa
    6. Em mà có quyền thì em cũng bắt Mark Zuckerberg nó đi cmnr a ạ :v

      Xóa
    7. tao bạn của Mark đó đm :v

      Xóa
    8. Chết em xin lỗi em là con trai của Mark :v

      Xóa
    9. con trai Mark mới có 4 tuổi ak :v

      Xóa
    10. Đùa à em là Con Trai cả của Mark Zuckerberg nè

      Xóa
  23. Hướng dẫn bo tròn bất kỳ thứ gì đi :v

    Trả lờiXóa
  24. trongkhanhnguyen.com là của ai vậy ad

    Trả lờiXóa

XEM NHIỀU TRONG TUẦN

Bạn có thể quan tâm