Bộ sưu tập các tab HTML và CSS đẹp mắt, với ví dụ về đoạn mã bootstrap và js
1. Ví dụ về UI/UX. Hoạt hình chuyển đổi tab
Hoạt hình chuyển đổi tab
Tác giả
- Thiên thần Davcev
Làm với
- HTML/Pug/CSS/Sass/JavaScript/Babel
demo và mã Nhận Hosting
Những bài viết liên quan
- 18 tab Bootstrap
- Các tab Accordion CSS thuần túy
- Bootstrap 4 tab dọc đáp ứng
- Hơn 15 thanh tab Javascript
- Các tab Accordion CSS thuần túy
2. Thanh tab dành cho thiết bị di động SVG
Thanh tab di động SVG
Tác giả
- Mikael Ainalem
Làm với
- HTML/CSS/JavaScript
demo và mã Nhận Hosting
3. Điều hướng tab đáp ứng
Điều hướng tab đáp ứng
Tác giả
- Pedro Muñoz
Làm với
- Html/pug/Css/SCSS/Javascript
demo và mã Nhận Hosting
4. Tay đàn hồi
Xem Tab đàn hồi dành cho bút của Nenad Kaevik
[@nenadkaevik] trên CodePen.
Tác giả
- Nenad Kaevik
Làm với
- HTML/CSS/JavaScript [jquery]
demo và mã Nhận Hosting
5. Tab CSS thuần túy
Xem các tab Pen Pure CSS của Jay Pick
[@japick] trên CodePen.
Tác giả
- Jay chọn
Làm với
- HTML/CSS/jquery
demo và mã Nhận Hosting
6. Tab gợi cảm
Xem Pen Sexy Tabs của Srdjan Pajdic
[@MightyShaban] trên CodePen.
Tác giả
- Srdjan Pajdic
Làm với
- HTML/CSS[SCSS]/jquery
demo và mã Nhận Hosting
7. Tab CSS thuần túy
Xem các tab CSS thuần túy dành cho bút của Mark Caron
[@markcaron] trên CodePen.
Tác giả
- đánh dấu caron
Làm với
- HTML/CSS
demo và mã Nhận Hosting
8. Tab có thể vuốt
Xem các tab có thể vuốt bằng bút của Naser Hassani
[@snhasani] trên CodePen.
Tác giả
- Naser Hassani
Làm với
- HTML/CSS[SCSS]/JS [swiperjs]
demo và mã Nhận Hosting
9. Cuộn tìm Tab
Xem Cuộn bút cho các tab của Praveen Kumar Gorakala
[@onlyveen] trên CodePen.
Tác giả
- Praveen Kumar Gorakala
Làm với
- HTML/CSS[SCSS]/JS
demo và mã Nhận Hosting
10. Các tab chỉ dành cho CSS của Material Design
Xem các tab Chỉ dành cho CSS trong thiết kế Material Design của Ben Mildren
[@mildrenben] trên CodePen.
Tác giả
- Ben Mildren
Làm với
- HTML/CSS[SCSS]
demo và mã Nhận Hosting
11. Tab. CSS Pitaya
Xem các tab bút. Pitaya CSS của Flkt Crnpio
[@flkt-crnpio] trên CodePen.
Tác giả
- Flkt Crnpio
Làm với
- HTML/CSS
demo và mã Nhận Hosting
12. Tab
Xem Tab bút của Nikita Jadhao
[@jdniki] trên CodePen.
Tác giả
- Nikita Jadhao
Làm với
- HTML/CSS[Ít]/JS
demo và mã Nhận Hosting
13. Tab CSS thuần có chỉ báo
Xem Tab Pure CSS có chỉ báo của Alex
[@woranov] trên CodePen.
Tác giả
- Alex
Làm với
- HTML/CSS[Scss]
demo và mã Nhận Hosting
13. Tab CSS thuần túy
Xem các tab CSS thuần túy dành cho bút của Wallace Erick
[@wallaceerick] trên CodePen.
Tác giả
- Wallace Erick
Làm với
- HTML/CSS[Scss]
demo và mã Nhận Hosting
14. Thẻ CSS3 của Sorax
Xem các tab CSS3 dành cho bút của Sorax của YozhEzhi
[@YozhEzhi] trên CodePen.
Tác giả
- YozhEzhi
Làm với
- HTML/CSS[Scss]
demo và mã Nhận Hosting
15. Tab thẻ bay
Xem các thẻ bài Pen Flying của Biliana
[@interstellar] trên CodePen.
Tác giả
- Biliana
Làm với
- HTML/CSS[Scss]/JS
demo và mã Nhận Hosting
16. Tab nhẹ nhàng và gợi cảm
Xem các tab Pen Light & Sexy của Alex Lime
[@CoffeeCupDrummer] trên CodePen.
Tác giả
- Alex vôi
Làm với
- HTML/CSS/JS
demo và mã Nhận Hosting
17. tab bootstrap với hiệu ứng bước title
Xem tab Bootstrap Pen với hiệu ứng bước title của aklima iren
[@aklima] trên CodePen.
Tác giả
- aklima iren
Làm với
- HTML/CSS/JS
demo và mã Nhận Hosting
18. Tab nổi bật
Xem các tab nổi bật trên bút của Richard Gonyeau
[@RGonyeau] trên CodePen.
Tác giả
- Richard Gonyeau
Làm với
- HTML/CSS/JS
demo và mã Nhận Hosting
19. Thẻ CSS
Xem các tab CSS dành cho bút của Timothy M. LeBlanc
[@WhiteWolfWizard] trên CodePen.
Tác giả
- Ti-mô-thê M. LeBlanc
Làm với
- HTML/CSS
demo và mã Nhận Hosting
20. Các thứ trong hộp tab trượt
Xem Hộp tab trượt Pen Things của Derek Wheelden
[@frxnz] trên CodePen.
Tác giả
- Derek Wheelden
Làm với
- HTML/CSS[SCSS]/JS
demo và mã Nhận Hosting
21. Tab máy biến áp
Xem Tab Transformer của Chris Coyier
[@chriscoyier] trên CodePen.
Tác giả
- Chris Coyier
Làm với
- HTML/CSS[SCSS]/JS
demo và mã Nhận Hosting
22. Tab CSS đáp ứng
Xem các tab CSS phản hồi bằng bút của OK
[@oknoblich] trên CodePen.
Tác giả
- Được
Làm với
- HTML/CSS[SCSS]
demo và mã Nhận Hosting
23. Tab thích ứng
Xem các tab Thích ứng trên bút của Lewi Hussey
[@Lewitje] trên CodePen.
Tác giả
- Lewi Hussey
Làm với
- HTML/CSS[SCSS]/JS
demo và mã Nhận Hosting
24. Tab tối thiểu & hấp dẫn sử dụng giao diện người dùng jQuery
Xem các Tab tối giản & hấp dẫn trên bút bằng giao diện người dùng jQuery của Simon Goellner
[@simeydotme] trên CodePen.
Tác giả
- Simon Goellner
Làm với
- HTML/CSS[SCSS]/JS
demo và mã Nhận Hosting
25. Cảm hứng về kiểu tab
Tác giả
- Mary Lou
Làm với
- HTML/CSS/JS
demo và mã Nhận Hosting
26. Thẻ màu CSS thuần túy [không có nhãn]
Xem Thẻ màu CSS thuần túy dành cho bút [không có nhãn] của ari
[@tari] trên CodePen.
Tác giả
- ari
Làm với
- HTML [Pug]/ CSS [SCSS]
demo và mã Nhận Hosting
27. Chuyển đổi tab
Xem Chuyển đổi tab bằng bút của Derek Palladino
[@derekjp] trên CodePen.
Tác giả
- Derek Palladino
Làm với
- HTML/CSS [SCSS]/JS
demo và mã Nhận Hosting
28. Giao diện người dùng thẻ
Xem giao diện người dùng Tab bút của Hilo
[@hilotacker] trên CodePen.
Tác giả
- xin chào
Làm với
- HTML/CSS [SCSS]/JS
demo và mã Nhận Hosting
29. Accordion / Tab có hoạt ảnh
Xem Pen Accordion / Tab với hình ảnh động của Benjamin Koehler
[@Benny29390] trên CodePen.
Tác giả
- Benjamin Koehler
Làm với
- HTML/CSS [SCSS]/JS
demo và mã Nhận Hosting
30. Giao diện người dùng hàng ngày #007. Cài đặt
Xem Giao diện người dùng hàng ngày của Bút #007. Cài đặt của Julie Park
[@juliepark] trên CodePen.
Tác giả
- Công viên Julie
Làm với
- HTML/CSS [SCSS]/JS
demo và mã Nhận Hosting