Blog Request tutorial? klik disini!

  • Macam-Macam Pseudo Elements Yang Terdapat Di CSS3

    Ditulis oleh: Faizal Rafik
    944 kali dibaca
    05 Jul / 2014 19:48

    Hallo teman-teman ketemu lagi dengan saya di blog DUMET School. Pada tutorial kali ini kita akan membahas macam-macam Pseudo Elements yang terdapat di CSS3. Di tutorial sebelumnya saya juga sudah pernah membahas tentang macam-macam Pseudo Classes dalam CSS3 ,dimana cara penggunaan kedua Pseudo ini tidak jauh berbeda, kita tidak perlu menggunakan bantuan Javascript atau Plugin jQuery untuk membuat efek tersebut cukup dengan dua Pseudo ini kita dapat menciptakan efek tersebut. Sebelum masuk ke pokok pembahasannya kalian perlu tau rumus penulisan sintak CSS Pseudo Elements ini, contoh penulisannya seperti gambar dibawah ini :

    Nah setelah kalian tau rumus penulisan Pseudo Element, sekarang kita akan masuk ke Pseudo Element yang pertama :

    :frist-line

    Pseudo Element :frist-line didalam CSS berfungsi untuk menambahkan efek khusus pada sebuah paragraf dibaris pertama. Contohnya seperti gambar dibawah ini :

    :frist-latters

    Pseudo Element :frist-letter didalam CSS berfungsi untuk menembahkan efek khusus pada huruf pertama didalam sebuah paragraf. Contohnya seperti gambar dibawah ini :

    :before

    Pseudo Element :before didalam CSS berfungsi untuk menambahkan isi konten sebelum elemen atau tag yang akan kita tambahkan isi konten. Contohnya seperti gambar dibawah ini :

    :after

    Pseudo Element :after didalam CSS berfungsi untuk menambahkan isi konten sesudah elemen atau tag, jadi Pseudo after ini kebalikan dari Pseudo elemen :before. Contohnya seperti gambar dibawah ini :

    Nah itulah beberapa fungsi Pseudo Element yang terdapat di CSS. Sekian dulu artikel dari saya semoga artikel ini bermanfaat untuk kalian semua. Selamat mencoba ya teman-teman. Terima Kasih.

    DEMO






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155