CSS3 - một chuẩn CSS cao hơn dành cho việc dàn trang (tạo layout) các ứng dụng web - đang dần được sử dụng khá phổ biến. CSS3 đang dần khẳng định vị trí và thế mạnh của mình so với đàn em cực kì phổ biến và nổi tiếng: CSS2; thông qua sự hỗ trợ mạnh mẽ từ các trình duyệt hiện đại hiện nay: Firefox 3.5+, Google Chrome, Safari, ...

Chuẩn CSS3 hiện có rất nhiều đặc tả kĩ thuật cũng như tính năng mới. Tuy nhiên, trong phạm vi bài viết này, tác giả chỉ đề cập đến khả năng xây dựng các nút nhấn cực kì độc đáo và tuyệt đẹp với CSS3. Bạn vui lòng vào trang bài viết chi tiết để xem các địa chỉ tài nguyên này.

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

Beautiful CSS buttons with icon set

I love clean design and in general simple solutions to design nice and
attractive elements for my websites. This tutorial illustrates how to design
nice clean buttons using some lines of HTML, CSS code and proxal
icon set. The result is something like this:

Demo:
http://woork.blogspot.com/2008/06/beautiful-css-buttons-with-icon-set.html

CSS Oval buttons

CSS Oval Buttons and  Square Buttons from Dynamic Drive are two other articles that show the
effectiveness of CSS sliding doors.

Demo:
http://www.dynamicdrive.com/style/csslibrary/item/css_oval_buttons/

Create a CSS3 Button That Degrades Nicely

There was a time where creating a nice looking, scalable button required
heavy use of images, the sliding doors technique and even some javascript. As it
stands a lot of the modern browsers support the css we would like to use to
create a nice looking button. Firefox, Safari and Opera all have support for
rounder corners, box shadows and text shadows. What used to take six steps and
lots of extra mark-up, images and css, now only takes three steps and some
simple CSS3.

Demo:
http://stylizedweb.com/2009/10/08/create-a-css3-button-that-degrades-nicely/

Buttons without Images Using CSS3

When wanting to add anything more than very basic styling to a button on a
webpage, images are often used as the styling offered by CSS has been limited,
especially when one wants to keep the HTML semantically clean. There are also
notorious browser differences when styling any kind of form elements across
browser and platforms

Demo: http://my.opera.com/dstorey/blog/show.dml/717521

• Mã nguồn
• In

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

bởi Ian Harte, 09/06/2011 04:06 PM
Phản hồi

Nice freebie post! Not sure I'm overly keen on any of these though! Keep them coming though.

bởi Xem

Hủy phản hồi

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

Lời bình của khách sẽ được xem xét
Cung cấp email thật để nhận các trả lời, nếu không bình luận của bạn sẽ bị xóa

Tên bạn *
Email của bạn^g *
Website 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