NGHỆ THUẬT BO TRÒN CSS TRONG BLOGSPOT
Xuất bản:
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 !
Nghiêm cấm sao chép dưới mọi hình thức !
Vỗ tay pộp pộp �� �� ��
Trả lờiXóabo tròn đẹp thật 😍
Trả lờiXóakhuya vẫn có ng cmt :v ahjhj lên !
Trả lờiXóae k thích bo tròn cho lắm
Trả lờiXóahèn j blog tuần vuông :v
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaNhận xét này đã bị tác giả xóa.
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóa- Chủ nhật vui vẻ nhé các người bạn !!! Qua tương tác blog tui nhé
Trả lờiXóaBà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óamà 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À 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óaMark tâm lý quá <3
Xóaborder-radius: 50%
Trả lờiXóa?
XóaChào bạn :v chịch không bạn :)
Trả lờiXóaTest còm men bo tròn nà :v
Trả lờiXóaAnh ko làm bên Link Thủ Thuật nữa hả ?
Trả lờiXóacòn mak e
XóaCmt 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óaok a <3
XóaNút thích bình luận vô dụng phết nhỉ :v
Trả lờiXóaanh click vào đi a :v có mak :v chẳng qua count nó ko hiện trực tiếp thôi :)))
XóaNhư vậy thì chán quá, phải nó thống kê như thằng fb luôn thì hay :v
Xóalú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óaTưở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óaem 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óaVãi cả nghệ thuật :v
Trả lờiXóathế gọi là gì
Xóahay á
Trả lờiXóathanks bạn
XóaCái màu blog khó chịu sao sao ấy :v
Trả lờiXóakhó chịu sao ?
XóaĐẹp mà thanh menu màu mè quá vậy bác ơi
Trả lờiXóamàu tối mak
Xóacơ mak đổi lại r. nghe mấy bác phàn nàn ghê quá :3
Trả lờiXóaTheme responsive tệ quá nha!!
Trả lờiXóanhác để chỉnh anh ạ :v
XóaKhanh đệ :v
Trả lờiXóaChúng ta không thuộc về nhau :3
XóaChào bác Trọng Khanh Nguyễn
Trả lờiXóachào bác =)
XóaKhung liên kết sắp giống của Facebook r :v
Trả lờiXóacứ tưởng nó giống rồi :3
XóaBuổi cưa vui vẻ n'é an' em
Trả lờiXóasắ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óara bài mới đi a
Trả lờiXóachưa biết viết bài gì đấy :v
Trả lờiXóacái phần Viết gì đó là lừa đảo nha! đăng méo được :v
Trả lờiXóaxem phần GIAO DIỆN ĐANG NÂNG CẤP NHA tui có ghi j nha .
Xóacơ mak nếu đc thì sao bác biết đc :3 nó là contact form mak :3
Xóacòn liên kết không v Khanh
Trả lờiXóacòn
XóaSao ít sang blog tui comment thế :v
Trả lờiXóadạ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óatui đã đặt cho bác rồi nha
Trả lờiXóađã đặt nhé
Trả lờiXóaĐỉnh của đỉnh <3
Trả lờiXóaBo tròn rất đẹp kg biết tạo hình tam giác được kg nhỉ
Trả lờiXóaDuy không thích bộ tròn :)) Và thấy bo tròn tầm 10-15px thôi thù đẹp :v
XóaDuy mọi quá :/
XóaMọi :v là cái gì vậy a?
Xóakiêut như ng ko theo kịp thời đại á :v
XóaEm thích cái đó :v
XóaCơ mà em thấy bo tròn nó cứ thế nào á lên cũng không ừ cho lắm :))
Xóahaizzz .
Xóav 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
Xóatao bạn của Mark đó đm :v
XóaChết em xin lỗi em là con trai của Mark :v
Xóacon trai Mark mới có 4 tuổi ak :v
XóaĐùa à em là Con Trai cả của Mark Zuckerberg nè
XóaHướng dẫn bo tròn bất kỳ thứ gì đi :v
Trả lờiXóasearch mạng cái là ra :3
Xóa