(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯) |
- Xoay, co giãn, bóp méo đối tượng với CSS3
- Menu ngang sổ dọc nhiều cấp sử dụng CSS3 - style3
- Truyện cười tuyển tập - Nghẻo rồi
- Dùng Blockquote làm chú thích và khung code cho blogspot
| Xoay, co giãn, bóp méo đối tượng với CSS3 Posted: 06 Apr 2012 09:55 AM PDT  Đối với các Designer khi tiến hành xoay hoặc co giãn ảnh thường họ dùng các công cụ đồ họa như Photoshop, Firework,... để thực hiện, nhưng đối với CSS3 thì chúng ta thực hiện xoay đối tượng một cách hết sức đơn giản chỉ với một vài dòng CSS. Để minh chứng cho điều đó trong bài viết này tôi xin trình bày với các bạn cách xoay và co giãn một đối tượng ảnh bằng cách dùng các lệnh của CSS3. 1.Xoay đối tượngĐể xoay một đối tượng nào đó chúng ta sẽ dùng 2 thuộc tính -moz-transform: rotate(góc xoay); và -webkit-transform: rotate(góc xoay);. Ban đầu chúng ta có một đối tượng ảnh như sau:  Sau khi thêm style vào cho đối tượng <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL_j1aFs0bcCeVwUJ1pgxM6YlIeUJQE3DBa81IdY4WNdCN-de-SuOe-8zrhZuOle_KJHWyM4LD3uJcBehyphenhyphenvwQqbnkk2XmNBhpmc-OpBT1GDRFvEfI4uNl5tAsURhP6lb3bFDkiTdiUHKQ9/s320/xoay-anh-bang-css-namkna-blogspot-com.png" alt="Rotate" style="-moz-transform: rotate(17deg); -webkit-transform: rotate(17deg);" /> 2. Co giãn đối tượng:Để co giãn đối tượng CSS3 có hỗ trợ 2 thuộc tính để thao tác trên đối tượng -moz-transform: scale(xx%), -webkit-transform: scale(xx%). Thuộc tính này sẽ có hoặc giãn đỗi tượng tùy theo tỉ lệ %. Ví dụ 1: Co đối tượng với tỉ lệ bằng 1/2 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL_j1aFs0bcCeVwUJ1pgxM6YlIeUJQE3DBa81IdY4WNdCN-de-SuOe-8zrhZuOle_KJHWyM4LD3uJcBehyphenhyphenvwQqbnkk2XmNBhpmc-OpBT1GDRFvEfI4uNl5tAsURhP6lb3bFDkiTdiUHKQ9/s320/xoay-anh-bang-css-namkna-blogspot-com.png" alt="Rotate" style="-moz-transform: scale(0.5); -webkit-transform: scale(0.5);" /> Ví dụ 2: Phóng to đối tượng lên gấp 1,5 lần hiện tại. <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL_j1aFs0bcCeVwUJ1pgxM6YlIeUJQE3DBa81IdY4WNdCN-de-SuOe-8zrhZuOle_KJHWyM4LD3uJcBehyphenhyphenvwQqbnkk2XmNBhpmc-OpBT1GDRFvEfI4uNl5tAsURhP6lb3bFDkiTdiUHKQ9/s320/xoay-anh-bang-css-namkna-blogspot-com.png" alt="Rotate" style="-moz-transform: scale(1.5); -webkit-transform: scale(1.5);" />
|
| Menu ngang sổ dọc nhiều cấp sử dụng CSS3 - style3 Posted: 06 Apr 2012 09:29 AM PDT  Nếu trước đây các bạn phải than phiền về tốc độ blog bị giảm đi ít nhiều khi áp dụng các thanh menu xổ dọc nhiều cấp kết hợp JQuery. Thì hôm nay mẫu menu namkna giới thiệu này sẽ đem đến cho các bạn một trải nghiệm tuyệt vời với CSS3. Đọc thêm bài viết » |
| Truyện cười tuyển tập - Nghẻo rồi Posted: 06 Apr 2012 07:52 AM PDT  Leo lên nóc nhà:Người vợ về nhà hất hàm hỏi Chồng: " Miu đâu rồi ?" A chồng đáp: " nghẻo rồi" người vợ la lớn: " A không được nói như thế fải nói là Miu leo lên nóc nhà... trượt chân, ngã ...nghẻo rồi" Đọc thêm bài viết » |
| Dùng Blockquote làm chú thích và khung code cho blogspot Posted: 06 Apr 2012 05:46 AM PDT  Khi tạo một bài viết với blockquote , văn bản trích dẫn đó sẽ được thụt vào bên trong và làm cho nó nổi bật. Tuy nhiên,style mặc đinh của blogspot rất đơn điệu, nếu bạn muốn thay đổi nó thì bạn có thể chỉnh sửa nó bằng lệnh blockquote{ lệnh css }. Blockquotes là cách để làm nổi bật ý tưởng chính của bạn giữa các nội dung khác.  |
| You are subscribed to email updates from (¯`·.º-:¦:-† namkna †-:¦:-º.·´¯) To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
