Nghệ thuật bo tròn CSS trong Blogspot Sabtu, 25 November 2017
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
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 !
Vỗ tay pộp pộp �� �� ��
BalasHapusbo tròn đẹp thật 😍
BalasHapuskhuya vẫn có ng cmt :v ahjhj lên !
BalasHapuse k thích bo tròn cho lắm
BalasHapushèn j blog tuần vuông :v
HapusNhận xét này đã bị tác giả xóa.
BalasHapusNhận xét này đã bị tác giả xóa.
HapusNhận xét này đã bị tác giả xóa.
BalasHapus- Chủ nhật vui vẻ nhé các người bạn !!! Qua tương tác blog tui nhé
BalasHapusBà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!
BalasHapusmà 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)
HapusÀ 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 :))
HapusMark tâm lý quá <3
Hapusborder-radius: 50%
BalasHapus?
HapusChào bạn :v chịch không bạn :)
BalasHapusTest còm men bo tròn nà :v
BalasHapusAnh ko làm bên Link Thủ Thuật nữa hả ?
BalasHapuscòn mak e
HapusCmt 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.
BalasHapusok a <3
HapusNút thích bình luận vô dụng phết nhỉ :v
BalasHapusanh click vào đi a :v có mak :v chẳng qua count nó ko hiện trực tiếp thôi :)))
HapusNhư vậy thì chán quá, phải nó thống kê như thằng fb luôn thì hay :v
Hapuslú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
HapusTưởng nút thích bài viết, chứ nút thích bình luận thì sao thống kê được =_=
Hapusem 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 =))
HapusVãi cả nghệ thuật :v
BalasHapusthế gọi là gì
Hapushay á
BalasHapusthanks bạn
HapusCái màu blog khó chịu sao sao ấy :v
BalasHapuskhó chịu sao ?
HapusĐẹp mà thanh menu màu mè quá vậy bác ơi
BalasHapusmàu tối mak
Hapuscơ mak đổi lại r. nghe mấy bác phàn nàn ghê quá :3
BalasHapusTheme responsive tệ quá nha!!
BalasHapusnhác để chỉnh anh ạ :v
HapusKhanh đệ :v
BalasHapusChúng ta không thuộc về nhau :3
HapusChào bác Trọng Khanh Nguyễn
BalasHapuschào bác =)
HapusKhung liên kết sắp giống của Facebook r :v
BalasHapuscứ tưởng nó giống rồi :3
HapusBuổi cưa vui vẻ n'é an' em
BalasHapussắp tên phải chỉnh lại tên r :v chính sách giáo dục đã thay đổi :v
Hapusra bài mới đi a
BalasHapuschưa biết viết bài gì đấy :v
BalasHapuscái phần Viết gì đó là lừa đảo nha! đăng méo được :v
BalasHapusxem phần GIAO DIỆN ĐANG NÂNG CẤP NHA tui có ghi j nha .
Hapuscơ mak nếu đc thì sao bác biết đc :3 nó là contact form mak :3
Hapuscòn liên kết không v Khanh
BalasHapuscòn
HapusSao ít sang blog tui comment thế :v
BalasHapusdạ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
Hapustui đã đặt cho bác rồi nha
BalasHapusđã đặt nhé
BalasHapusĐỉnh của đỉnh <3
BalasHapusBo tròn rất đẹp kg biết tạo hình tam giác được kg nhỉ
BalasHapusDuy không thích bộ tròn :)) Và thấy bo tròn tầm 10-15px thôi thù đẹp :v
HapusDuy mọi quá :/
HapusMọi :v là cái gì vậy a?
Hapuskiêut như ng ko theo kịp thời đại á :v
HapusEm thích cái đó :v
HapusCơ mà em thấy bo tròn nó cứ thế nào á lên cũng không ừ cho lắm :))
Hapushaizzz .
Hapusv e có thích Mark để ava fb tròn như bh ko :v
Em mà có quyền thì em cũng bắt Mark Zuckerberg nó đi cmnr a ạ :v
Hapustao bạn của Mark đó đm :v
HapusChết em xin lỗi em là con trai của Mark :v
Hapuscon trai Mark mới có 4 tuổi ak :v
HapusĐùa à em là Con Trai cả của Mark Zuckerberg nè
HapusHướng dẫn bo tròn bất kỳ thứ gì đi :v
BalasHapussearch mạng cái là ra :3
Hapustrongkhanhnguyen.com là của ai vậy ad
BalasHapus