Thông tin liên hệ

CSS3 là gì? Các module trong CSS3

  •   15/05/2019 10:47:00 PM
  •   Đã xem: 3
  •   Phản hồi: 0
Nếu bạn đang đọc bài này thì CSS không còn xa lạ gì với bạn nữa. Tuy nhiên bạn đang cần tìm hiểu đến CSS3 thì trong series này bạn sẽ cùng mình tìm hiểu một số khái niệm và thành phần quan trọng trong CSS3.
Học CSS3 - Border Radius - Bo góc

Học CSS3 - Border Radius - Bo góc

  •   15/05/2019 11:03:00 PM
  •   Đã xem: 3
  •   Phản hồi: 0
Trong bài này chúng ta sẽ tìm hiểu về thuộc tính border-radius dùng để bo góc đường viền trong CSS3, đây là thuộc tính khá quan trọng vì nó sẽ giúp bạn xây dựng những button có góc cạnh bị bo tròn, trông sẽ rất đẹp và bắt mắt.
Học CSS3 - Border Image - Tạo đường viền bằng hình

Học CSS3 - Border Image - Tạo đường viền bằng hình

  •   15/05/2019 11:43:00 PM
  •   Đã xem: 2
  •   Phản hồi: 0
Có một số đường viền mang những hoa văn rất đẹp mà ta không thể sử dụng thuộc tính border trong CSS để tạo được. Trường hợp trong CSS thường ta phải tạo bốn thẻ HTML và thiết lập background và cho nó repeat-x để giả đường viền. Nhưng đến với CSS3 thì bạn không cần sử dụng background nữa mà sẽ sử dụng thuộc tính border-image.
Học CSS3 - Các thuộc tính Backgrounds

Học CSS3 - Các thuộc tính Backgrounds

  •   16/05/2019 12:01:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Trong CSS3 hỗ trợ thêm một số tính năng mới để xử lý background, đó là những thuộc tính xử lý nâng cao hơn thuộc tính background thông thường.Bình thường nếu muốn có hai background nằm đè nhau thì ta phải sử dụng hai thẻ HTML, nhưng với CSS3 thì nó hỗ trợ multiple background (đa backgrouds).
Học CSS3 - Định dạng màu sắc

Học CSS3 - Định dạng màu sắc

  •   16/05/2019 12:11:00 AM
  •   Đã xem: 4
  •   Phản hồi: 0
CSS3 hỗ trợ nhận diện color bằng tên màu, mã hexadecimal và mã RGB. Trong bài này chúng ta sẽ tìm hiểu một số định dạng mã màu thường sử dụng như RGBA colors, HSL colors, HSLA colors, Name colors và đặc biệt hơn là tìm hiểu thuộc tính opacity.Các thuộc tính và mã màu đều được hỗ trợ ở hầu hết các trình duyệt hiện đại hiện nay.
Học CSS3 - Gradient Background

Học CSS3 - Gradient Background

  •   16/05/2019 12:24:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Trong bài này chúng ta sẽ tìm hiểu về Gradients trong CSS3, đây là những thuộc tính giúp tạo ra những giao diện có background mờ nhạt mà trước giờ chỉ có các phần mềm như photoshop là làm được.Trong CSS3 hỗ trợ hai loại Gradient:Linear Gradients (Kéo theo các vị trí lên, xuống, trái, phải, đường chéo)Radial Gradients (Kéo tại vị trí do lập trình viên chọn và lan tỏa ra tứ phía theo một hình nào đó (ví dụ ellipse))
Học CSS3 - Text Shadow - Box Shadow

Học CSS3 - Text Shadow - Box Shadow

  •   16/05/2019 12:37:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Thêm một sự bất ngờ nữa dành cho những bạn yêu mến lập trình CSS3 đó là tạo hiệu ứng shadow mà chỉ có CSS3 mới làm được.Với CSS3 bạn có thể thêm shadow vào một đoạn text, border của thẻ HTML bằng cách sử dụng hai thuộc tính:text-shadow dành cho đoạn textbox-shadow dành cho thẻ HTML
Học CSS3 - Xử lý Text

Học CSS3 - Xử lý Text

  •   16/05/2019 01:53:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
CS3 hỗ trợ một số thuộc tính giúp việc xử lý text hiệu quả hơn.Nếu trước đây chúng ta gặp khó khăn trong việc xử lý một từ quá dài và bị tràn ra ngoài thẻ HTML thì bây giờ sử dụng CSS3 sẽ giải quyết được.Chúng ta sẽ học ba thuộc tính sau:text-overflowword-wrapword-break

Học CSS3 - Sử dụng @fonf-face

  •   16/05/2019 01:56:00 AM
  •   Đã xem: 4
  •   Phản hồi: 0
Trước đây nếu bạn muốn website chạy những font chữ độc và lạ mà trên máy tính của Client không cài đặt thì đó là điều không thể, trừ khi client download về và cài đặt trên máy tính của họ.Điều phiền toái này đã được CSS3 khắc phục bằng cách bổ sung vào một rule với tên gọi là @font-face, rule này sẽ tạo ra một font định danh và nó sẽ trỏ tới một file font nào đó lưu trữ trên Internet. Điều này đã giúp các Designer thỏa sức bung ý tưởng của mình mà không còn lo ngại vấn đề font format nữa.

Học CSS3 - 2D Transforms

  •   16/05/2019 02:01:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
CSS3 2D Transforms là những thuộc tính dùng để xử lý hiệu ứng di chuyển 2D (không gian hai chiều), ví dụ bạn có thể dụng CSS3 để quay một thẻ HTML một góc 180 độ, hay kéo nhỏ kéo to khi hover chuột vào đối tượng HTML, .. Thì tất cả những hiệu ứng như vậy trong không gian hai chiều ta gọi là 2D Transforms.
CSS3 - Hiệu ứng Animation

CSS3 - Hiệu ứng Animation

  •   16/05/2019 02:06:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Các bạn thân mến, chắc hẳn rằng nhiều bạn cũng thắc mắc làm sao có thể tạo được những hiệu ứng đẹp chỉ với HTML và CSS. Hôm nay, thông qua bài học này freetuts hy vọng mang đến cho các bạn những kiến thức đầy đủ nhất.

Tìm hiểu object-fit trong CSS3

  •   16/05/2019 02:14:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Một trang web không thể thiếu hình ảnh minh họa, việc xử lý chúng tuân theo nhưng bố cục chung cũng tạo nên vấn đề mà chúng ta cần phải giải quyết. Webpow xin gửi đến các bạn cách xử lý hình ảnh trong những tình huống phải thay đổi lại kích thước ảnh gốc.

CSS3 Emphasis Marks

  •   16/05/2019 02:18:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Hôm nay, webpow xin gửi đến các bạn chủ đề về "Emphasis Marks" trong CSS. Đối với trình nâng cao thì đây cũng là một chủ đề thú vị. Nào chúng ta hãy bắt đầu tìm hiểu nhé.

Tạo thanh loading ngang với HTML và CSS

  •   16/05/2019 02:22:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Thanh loading là một phần không thể thiếu trong các web hiện nay. Trong bài viết này, freetuts sẽ giới thiệu cách tạo một thanh loading ngang với hiệu ứng đẹp chỉ dùng HTML và CSS.

Tạo thanh Loading xoay với HTML và CSS

  •   16/05/2019 02:51:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Con xoay hay còn gọi là spinner là một hiệu ứng không thể thiếu trong web hiện đại. Gần như bất cứ trang web nào cũng sử dụng hiệu ứng này, nhất là sau các thao tác đăng nhập hoặc đăng ký. Mục đích nhằm mang lại sự tương tác giữa web với người dùng tốt hơn.

Tạo menu mờ với HTML và CSS

  •   16/05/2019 03:43:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Menu là phần cốt yếu của bất cứ trang web nào. Ngay từ lần ghé thăm đầu tiên, thì một menu đẹp sẽ đem lại ấn tượng tốt đến người dùng, giúp họ dễ dàng nhận ra trang web của bạn.

Tạo hiệu ứng khói với HTML và CSS

  •   17/05/2019 08:39:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Trong một số giao diện đặc biệt, chúng ta sẽ cần tạo ra những hiệu ứng chuyên biệt. Hôm nay, webpow xin giới thiệu đến mọi người hiệu ứng tạo khói.

Tạo thanh tìm kiếm co dãn với HTML và CSS

  •   17/05/2019 08:55:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Ngày nay, việc tìm kiếm dữ liệu rất phổ biến. Hầu hết các trang web đều hỗ trợ thanh tìm kiếm. Do vậy, thiết kế và tạo hiệu ứng bắt mắt cho thanh tìm kiếm cũng góp phần không nhỏ trong việc xây dựng một trang web hiện đại.

Tạo đồng hồ treo tường với HTML và CSS

  •   18/05/2019 09:14:00 AM
  •   Đã xem: 3
  •   Phản hồi: 0
Hầu như mỗi nhà đều có một chiếc đồng hồ treo tường, và trang web cũng tương tư. Nó giống như một ngôi nhà riêng của chúng ta trang mạng. Do vậy việc thiết kế nên chiếc đồng hồ cũng rất cần thiết. Hôm nay, các bạn sẽ cùng freetuts thao tác để tạo chiếc đồng hồ bên dưới

Các tin khác

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây