RGBA colors là kỹ thuật tô màu mới có trong CSS3, thay vì tô màu cách thông thường trong CSS thì hôm nay sẽ tìm hiểu thêm cách tô màu mới, giúp người design có nhiều sự lựa chọn hơn cho mình.
Đây là một tính năng mới, mình cũng chưa sử dụng quen nữa 
chia sẻ cho mọi người cung nghiên cứu, kiểu tô màu này cho phép chúng ta thêm vào sau đó các giá trị người ta gọi đó là opacity value điều này sẽ qui định màu sắc ở mức độ nào.
Bạn có từ khóa: rgba (4 đối số); ví dụ ta có khai báo sau:
|
1
2
3
4
5
6
7
|
<!--
<div style="background: rgba(100, 0, 0, 0.2);width:50px; height:100px; float:left;"></div>
<div style="background: rgba(100, 0, 0, 0.4);width:50px; height:100px; float:left;"></div>
<div style="background: rgba(100, 0, 0, 0.6);width:50px; height:100px; float:left;"></div>
<div style="background: rgba(100, 0, 0, 0.8);width:50px; height:100px; float:left;"></div>
<div style="background: rgba(100, 0, 0, 1);width:50px; height:100px; float:left;"></div>
-->
|
Điều này cho chúng ta kết quả sau:
Tô màu RGBA colors trong CSS3
Một cách tô màu dạng khác của nó bằng cách bạn bỏ a đi trong rgba đồng thời trong ngoặc còn lại 3 đối số.
Ví dụ:
|
1
2
3
4
5
6
7
|
<!--
<div style="background: rgb(75, 191, 189); width:50px; height:100px; float:left;"></div>
<div style="background: rgb(75, 143, 142); width:50px; height:100px; float:left;"></div>
<div style="background: rgb(75, 95 , 94) ; width:50px; height:100px; float:left;"></div>
<div style="background: rgb(75, 47, 47) ; width:50px; height:100px; float:left;"></div>
<div style="background: rgb(75, 0, 0) ; width:50px; height:100px; float:left;"></div>
-->
|
Kết quả của cách tô màu rgb trên là:
Tô màu RGB colors trong CSS3
Kết luận: Vậy là mình đã giới thiệu qua cách tô màu này, các bạn thay đổi các tham số trong đó để trải nghiệm cách tô màu mới trong CSS này, chúc thành công!
Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies
Hai đại gia công nghệ được cho là sẽ gia nhập cuộc đua giành bản quyền phát sóng giải bóng đá ngoại hạng Anh vào cuối năm nay.
Welcome to the second part of our series on High Performance Drupal. Here we will cover techniques for speeding up your custom modules.
Phần đánh giá được lấy từ Google Ad Planner, dịch vụ theo dõi thầm lặng các website trên internet.
![[Phần 2]High performance in Drupal : Lightning fast code](https://expressmagazine.net/sites/default/files/styles/portfolio/public/imagesArticle/drupal_0.jpg?itok=cy9NQJu9 "[Phần 2]High performance in Drupal : Lightning fast code")
