Vài ngày trước, jsB@nk đã giới thiệu với bạn danh sách các trải nghiệm web hoàn chỉnh với CSS3 rất độc đáo thông qua bài viết Chiêm ngưỡng các ứng dụng CSS3 tuyệt đẹp, hôm nay jsB@nk xin giới thiệu tiếp với các bạn một danh sách cũng là các ứng dụng CSS3 nữa, nhưng điểm đặt biệt là có hướng dẫn chi tiết và đầy đủ để giúp bạn xây dựng các ứng dụng này cho riêng mình.

Vui lòng vào trang chi tiết để xem đầy đủ danh sách trên 50 ứng dụng web với CSS3 cực độc này. Hoặc xem thêm các bài viết liên quan bên dưới:
- Các website tuyệt đẹp dùng JavaScript đầy sáng tạo
- 50+ trải nghiệm tuyệt đẹp với các ứng dụng web

• Demo
• Phóng to
• Tải lại
• Cửa sổ mới

JavaScript Tooltips

This tutorial describes how to create a nice, lightweight JavaScript tooltip. By Michael Leigeber.

jQuery virtual tour

This is an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform some panoramic views into a virtual tour.

A Colorful Clock With CSS & jQuery

This tutorial describes how one can create a clock using basic CSS and JavaScript.

Sticky SideNav Layout with CSS

Learn how to create a fixed sidenav layout for your blog or website. Having a fixed sidenav comes in handy when dealing with blog style websites where the content is extremely tall and there is a need for good amount of scrolling. The fixed navigation allows the user to cruise through the content without scrolling back up to the top to navigate through the rest of the site.

jQuery Masonry

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

CSS Box Shadow & Text Shadow Experiments

The CSS box-shadow and text-shadow allow us to create some pretty cool design elements that don�t even look like shadows. The key is to think about how CSS shadows work and use them to get the desired effect. The article features three remarkable examples of using box-shadow property creatively to achieve effects that don�t have much to do with shadows.

CSS3 Depth of Field

Sawyer Hollenshead�s experiment is an attempt to create the �Depth of Field� effect with CSS. The blurry text is accomplished using text-shadow, with the text color set to transparent. Take a look at the demo and don�t forget to press �n� to toggle animation.

CSS3 :toggle-button without JavaScript

This demo presents a CSS3 toggle-button that works without JavaScript. If you ever need it: You stack two <a>s on top of each other and then disable pointer-events for the top <a> on :target.

WebKit Clock

This demo is driven by HTML5 canvas, CSS3, JavaScript, Web Fonts, SVG and no image files. The CSS file is huge, yet the result is quite remarkable.

Spin those Icons with CSS3

Tom Kenny features a neat effect which spins the social icons with the help of a CSS transforms and transition when you hover over them. A very nice enhancement.

• Mã nguồn
• In

• Lời bình (0)
• Viết

bởi Xem

Hủy phản hồi

Viết lời bình của bạn

Tiêu đề bình luận

Tôi khẳng định 100% là người thực
Tôi lặp lại tôi không phải là công cụ máy

• Lượt gửi (0)
• Mới