Panduan CSS3 mempelajari dan mempraktekkan materi Cara Membuat Animasi Sederhana dengan CSS3.
Panduan CSS3 ini mempelajari bagaimana Caranya melakukan Pengaturan Antarmuka Pengguna Dengan CSS3. Properti antarmuka pengguna memungkinkan Anda untuk mengubah unsur menjadi salah satu dari beberapa elemen antarmuka pengguna standar. Beberapa sifat-sifat umum yang menggunakan antarmuka CSS3 Pengguna.
| Values | Deskripsi |
|---|---|
| appearance | Digunakan untuk memungkinkan pengguna untuk membuat elemen sebagai elemen antarmuka pengguna |
| box-sizing | Memungkinkan pengguna untuk memperbaiki elemen pada daerah dengan cara yang jelas |
| icon | Digunakan untuk menyediakan ikon di Area |
| resize | Digunakan untuk mengubah ukuran elemen yang ada di Area |
| outline-offset | Digunakan untuk menggambar di belakang outline |
| nav-down | Digunakan untuk bergerak ke bawah saat Anda menekan tombol panah ke bawah di keypad |
| nav-left | Digunakan untuk memindahkan kiri ketika Anda menekan tombol panah kiri di keypad |
| nav-right | Digunakan untuk memindahkan benar ketika Anda menekan tombol panah kanan di keypad |
| nav-up | Digunakan untuk bergerak ke atas ketika Anda telah menekan tombol panah di keypad |
Contoh Properti resize Dengan CSS3
Mengubah ukuran properti adalah memiliki tiga nilai-nilai bersama seperti yang ditunjukkan di bawah ini
- horisontal
- vertikal
- both
Menggunakan both nilai di properti resize di CSS3 antarmuka pengguna :
<html> <head> <style> div { border: 2px solid; padding: 20px; width: 300px; resize: both; overflow: auto; } </style> </head> <body> <div>TutorialsPoint.com</div> </body> </html>
akan menghasilkan hasil sebagai berikut :
CSS3 Outline offset
Keluar garis berarti menarik garis di sekitar elemen di luar perbatasan.
<html> <head> <style> div { margin: 20px; padding: 10px; width: 300px; height: 100px; border: 5px solid pink; outline: 5px solid green; outline-offset: 15px; } </style> </head> <body> <div>TutorialsPoint</div> </body> </html>
akan menghasilkan hasil sebagai berikut :
COMMENTS