Blog Request tutorial? klik disini!

  • Cara Mengaktifkan Fungsi CSS Transform Di Internet Explorer 6-8

    Ditulis oleh: Faizal Rafik
    785 kali dibaca
    09 Nov / 2014 13:02

    Hallo teman-teman DUMET School, pada tutorial kali ini saya akan mengajarkan bagaimana caranya mengaktifkan atau menjalankan fungsi CSS Transform di Internet Explorer 6-8. Seperti yang sudah kalian tahu efek CSS Transform ini belum tentu bisa berjalan sempurna di semua browser terutama di browser Internet Explorer. Nah agar efek CSS Transform ini bisa berjalan di semua browser kalian perlu menambahkan fungsi tambahan di CSS yang namanya pre-fix, contohnya seperti Chrome dan Safari kalian perlu menambahkan -webkit-, Firefox -moz-, Opera -o-, sedangkan untuk  Internet Explorer kita akan menggunakan bantuan Javascript yaitu cssSandpaper, dimana cssSandpaper ini memungkinkan kita untuk menjalankan efek CSS Transform di Internet Explorer, bahkan di IE tua.

    Oke kita akan langsung praktekkan ya teman-teman, Pertama kalian bisa download Javascript cssSandpaper nya terlebih dahulu di Github Repository.

    Setelah kalian download, ketikkan beberapa Script Javascript di bawah ini di dalam tag <head> seperti gambar di bawah ini.

    Nah pada bagian HTML nya saya coba buat 2 tag <div> dan di dalam tag <div> saya buat tag <p>.

    Dan untuk CSS nya seperti gambar di bawah ini, bisa kalian perhatikan pada CSS tambahannya, di situ saya tambahkan -sand-transform, fungsinya supaya efek CSS Transform ini berjalan di browser Internet Explorer.

    Untuk melihat hasilnya coba kalian buka link Demo di bawah ini, di Internet Explorer kalian masing-masing.

    Demo | Download Source






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