Setiap orang pasti pernah merasakan rasanya itu sakit, entah itu batuk, pilek, nyeri, lemes, dan 1001 macam penyakit lainnya. Hanya keturunan Fir'aun saja yang kebal terhadap penyakit. Apakah itu dirimu? :D Dilalah kemarin saya sakit yang hampir di vonis dengan penyakit Tifus atau DBD. Kedua penyakit yang sangat bingung dimana saya hampir menerimanya dengan lapang dada. Dibantu do'a, ibadah, dan dukungan orang tua, serta teman dekatku akhirnya saya bisa terbebas dari vonis itu. Alhamdulillah!
CSS3 Transform dapat disebut juga dengan efek perubahan yang terjadi pada elemen asli berdasarkan dari perubahan bentuk (Transformasi). Tahu film animasi Transformer kan? Mirip-mirip lah seperti Css3 yang satu ini hehe. Dalam pengkodean Css3 Transform ini, telah di bentuk dan di bedakan menjadi 5 macam transformasi.Translate
Dalam menggunakan metode translate() ini, elemen yang seharusnya di tempat (posisi) awal dapat berpindah ke tempat (posisi) lainnya. Elemen akan berpindah searah dengan sumbu X dan sumbu Y. Sumbu X itu arah antara kanan dan kiri, sedangkan Sumbu Y itu arah antara atas dan bawah. Sebagai Contohnya berikut ini :
Rotate
Dalam penggunaan metode rotate() ini, elemen yang seharusnya dalam keadaan normal sebelumnya bertransformasi menjadi berputar. Dalam kasus ini derajat (deg) dijadikan alat hitung untuk menenukan kemiringan elemen. Sudah saya posting sebelumnya tentang Css jenis ini [Disini]. Sebagai Contohnya berikut ini :
Dalam kode Css ini alat pengukur kemiringan ini di namakan degree(deg) atau derajat. Ukuran normalnya suatu kemiringan disini adalah (0deg), lebih dari nol berarti miring ke kanan, sedangkan kurang dari nol alias (-) berarti ke kiri.
Scale
Dalam penerapan metode scale() ini, skala dalam elemen dasar bisa di perkecil ataupun di perbesar. Seperti yang pernah saya post di blog ini [Disini]. Sebagai Contohnya berikut ini :
transform: scale(1.2) berarti suatu elemen di perbesar sebanyak 1.2x . Titik normalnya adalah (1) kurang dari satu berarti di perkecil, sedangkan lebih dari satu artinya di perbesar.
Skew
Dalam penggunaan metode skew() ini, elemen akan di miringkan tetapi tidak seperti transform:rotate() sebelumnya yang di putar. Untuk lebih jelasnya lihat kebawah :
Skew() ini menggunakan 2 sumbu sama seperti translate itu. Skew(SumbuX, SumbuY) sumbu X untuk miring ke kanan dan ke kiri, sedangkan sumbu Y untuk miring ke atas dan ke bawah. Hasilnya pun seperti jajargenjang. Lihat pada gambar disini agar lebih jelasnya, Skew.jpg
Matrix
Metode Matrix() ini adalah metode yang terakhir kita dalam efek transformasi di sini. Metode ini adalah gabungan dari metode translate(), scale(), dan skew() membuat sudut pandang yang lebih berbeda. Lihat, sekilas memang tak berbeda dengan Skew() tetapi di kodenya sangat beda.
Perhatikan gambar berikut ini! Diambil dari data transform: matrix(1, -0.2, 0, 1, 0, 0); [Disini]. Karena kodenya sekaligus disatukan maka kerumitanpun timbul.
Dalam menggunakan metode translate() ini, elemen yang seharusnya di tempat (posisi) awal dapat berpindah ke tempat (posisi) lainnya. Elemen akan berpindah searah dengan sumbu X dan sumbu Y. Sumbu X itu arah antara kanan dan kiri, sedangkan Sumbu Y itu arah antara atas dan bawah. Sebagai Contohnya berikut ini :
ORIGINAL
50px
TRANSLATE
(50px, 10px)
(50px, 10px)
transform:translate(50px,10px);translate(sumbuX, sumbuY); Jadi sudah di perlihatkan ada tanda 50px yang berarti hasil penranslatean [susah banget nih ngomongnya] arah Sumbu X atau kanan dan kiri. (-)Angka berarti arahnya ke kiri, sedangkan angka positif kekanan. Sebaliknya dengan Sumbu Y yang bernilai 10 itu. (-)Angka berarti ke atas, sedangkan angka positif ke bawah.
-ms-transform:translate(50px,10px);
-moz-transform:translate(50px,10px);
-webkit-transform:translate(50px,10px);
-o-transform:translate(50px,10px);
Rotate
Dalam penggunaan metode rotate() ini, elemen yang seharusnya dalam keadaan normal sebelumnya bertransformasi menjadi berputar. Dalam kasus ini derajat (deg) dijadikan alat hitung untuk menenukan kemiringan elemen. Sudah saya posting sebelumnya tentang Css jenis ini [Disini]. Sebagai Contohnya berikut ini :
ROTATE
(10deg)
(10deg)
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
Dalam kode Css ini alat pengukur kemiringan ini di namakan degree(deg) atau derajat. Ukuran normalnya suatu kemiringan disini adalah (0deg), lebih dari nol berarti miring ke kanan, sedangkan kurang dari nol alias (-) berarti ke kiri.
Scale
Dalam penerapan metode scale() ini, skala dalam elemen dasar bisa di perkecil ataupun di perbesar. Seperti yang pernah saya post di blog ini [Disini]. Sebagai Contohnya berikut ini :
ORIGINAL
SCALE
(1.2)
(1.2)
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
transform: scale(1.2) berarti suatu elemen di perbesar sebanyak 1.2x . Titik normalnya adalah (1) kurang dari satu berarti di perkecil, sedangkan lebih dari satu artinya di perbesar.
Skew
Dalam penggunaan metode skew() ini, elemen akan di miringkan tetapi tidak seperti transform:rotate() sebelumnya yang di putar. Untuk lebih jelasnya lihat kebawah :
SKEW
-moz-transform: skew(-20deg, -10deg);
-ms-transform: skew(-20deg, -10deg);
-o-transform: skew(-20deg, -10deg);
-webkit-transform: skew(-20deg, -10deg);
transform: skew(-20deg, -10deg);
Skew() ini menggunakan 2 sumbu sama seperti translate itu. Skew(SumbuX, SumbuY) sumbu X untuk miring ke kanan dan ke kiri, sedangkan sumbu Y untuk miring ke atas dan ke bawah. Hasilnya pun seperti jajargenjang. Lihat pada gambar disini agar lebih jelasnya, Skew.jpg
Matrix
Metode Matrix() ini adalah metode yang terakhir kita dalam efek transformasi di sini. Metode ini adalah gabungan dari metode translate(), scale(), dan skew() membuat sudut pandang yang lebih berbeda. Lihat, sekilas memang tak berbeda dengan Skew() tetapi di kodenya sangat beda.
-moz-transform: matrix(1, -0.2, 0, 1, 0, 0);
-webkit-transform: matrix(1, -0.2, 0, 1, 0, 0);
-o-transform: matrix(1, -0.2, 0, 1, 0, 0);
-ms-transform: matrix(1, -0.2, 0, 1, 0, 0);
transform: matrix(1, -0.2, 0, 1, 0, 0);
Perhatikan gambar berikut ini! Diambil dari data transform: matrix(1, -0.2, 0, 1, 0, 0); [Disini]. Karena kodenya sekaligus disatukan maka kerumitanpun timbul.
Ane udah pernah denger trik kaya gini,tapi baru tau namanya hehehe.. :)
BalasHapuswih keren2 tuh,, (y) faris emg brilliant dah,, =))
BalasHapusmantap broo... keren dah,..
Hapuswoww...makin mantab aja tutorial mas faris....hehe :)
BalasHapus(y)
keren broo ...
HapusTo Musa : yaiyalah dah dari lama :D tapi ane baru post sekarang :))
BalasHapusTo Rama88 : hehehe bisa aja lu ram kalau komen :))
To IT-Soft Center : hehehemakasih ya sob supportnya bang IT :D
keren banget nih CSS Transformnya sobat,, saya juga kepnegn belajar CSS sob, soalnya masih awam soal css sob...
BalasHapusTo Asis Sugianto : iya gan namanya juga Css3 pasti hebat :) ane juga masih tahab belajar :)
BalasHapusmati aku sob, gak ngerti, cuma bisa bilang ente cerdas sob :), klo boleh tau, biasanya ini dipakai dimana ya?
BalasHapusTo Tonnys : ente pasti bisa kok :) ane gak cerdas kok om :| dimana saja juga bisa kok sob di kreasi kreasikan :)
BalasHapusOh jadi Rotate toh namanya!
BalasHapusDari dulu mas, saya nyari yang beginian!
Maasih ya..
To Kopiah Putih : hehehe masa sobat daru sekarang tahu sih? kan sobat sering menggunakannya :D hhhe
BalasHapusLumayan datang ke sini dapet ilmu.. :))
BalasHapus=)) lha,, emg bner kan ris,, wkwkwk,, gw panggil nya ris aja ya,, wakwakwak,, =)) ohiya yg monopoli waktu itu gimana sih maennya,,> kok gak mau jalan pas di klik start,,? :-o
BalasHapuswah yang matrix (y) tuh =D
BalasHapusTo Awelqq's : hehehe dari pada lumanyun kan? hehehh =))
BalasHapusTo Rama88 : hehehe ya deh ya deh terserah lu aja :D siapa bilang bisa di mainin koplak :)) =)) orang cuman stylenya aja. kalau di mainin susah banget pasti, pake acara bayar duit itu duit duit duit.... =))
To DODE-XP.COM : iya gan matrix campuran dari metode lain, jadinya keren :) hehe
farixsan tips memang mantaaaaaaaaaaaaaaabbbbbbbb hahaha demen guwe.xixixixixi
BalasHapussobat selalu memberi yang terbaik untuk dunia blogging
CSS3 Transform ini memang selain tampil keren yang bisa kita atur menurut keinginan. juga ringan untuk di akses
sobat memang ajib ajib. (sambil ngacungi 4 jempol) hahaha
happy blogging
kerumitan tersebut akan hilang saat sobat terbiasa menggunakannya.., kalau malas untuk mengetahui fungsi setiap elemen mending pakai cara coba2 aja, dengan memasukkan elemen(angka) yang besar nanti akan ketauan elemen tersebut merubah bagian mananya....:D
BalasHapusmasih belum ngerti soal yang kaya gituan mas, cuman tw trik dasar blog aja
BalasHapusNAch tutur ini yang saya suka,biara agak panjang daribiasanya tapi tujuannya bisa diterima oleh seorang ane,hehehe.
BalasHapusAne jadi betah ngendon disini,tapi ane obok-obok page postinganmu ga ada dasar-dasar belajar CSS3 ya.
Makasih banyak tipnya,ane mau praktekan dulu pada Transform Translate,doakan biar sukses,happy blogging.
To Wisata Murah : hehehe aduh sobat berkomentarnya berlebihan banget niiiiiiiiiiiiiiiihhh :)) btw makasih ya sob supportnya :)
BalasHapusiya sob selain gampang di akses hasilnya pun memuaskan :) ehehe bisa aja nih agan 4 jempol, 5 aja gan kalau bisa :))
To system of blog : thanks supportnya gan
To ToPu : iya sob ane juga sering seperti sobat coba coba, tetapi kurang efek tif bila hanya di coba tanpa pemahaman :) hehe ide bagus komentar bagus :)
BalasHapusTo Yudi Glanter : ini trick dasar belajar css3 sob dari css3 transform hehehe :)
To Raihan Mar'ie Ramadhan : hehe iya sob ane lupa tentang css transform ini, jadi lupa post deh :)) mayan tuh gan translate biar pindah tempat. bukan translate huruf lho gan :)) =))
Main Css terus nih? OK Css pasti sudah melekat dalam hati sobat hehe, Css ok dah.. ditunggu kabar seputar kode Css lainnya sob. Happy Blogging!
BalasHapusii waw..
BalasHapuskeren dah gan..
sudah benar2 didalam kepala kalo yang urusan ky gini..
hahah..
alhamdulillah, akhirnya udah sembuh juga..
eit, dibawah paket outbound itu juga postingan baru luh gan. yang ane bilang inspirasi dari agan faris..
monggo di cekibrot..
hihihi
tengs gan... :D
:-oide itu cuman buat yang malas sob, kalau ndak paham lalu ndak tau sama sekali kan sangat disayangkan dan juga tidak sedikit orang mendapatkan pemahaman dari kebanyakan kasus/pelajaran2 seperti di atas setelah melalui praktek:>
BalasHapusTo Berbagi Kreativitas : hehehe belajar sob hehe mainnya ntar tahun baru puas puasin :)) huahahaha =)) makasih ya sob kunjungannya, silahkan di tunggu
BalasHapuskeren nih, , ane suka yang skew skew skew ituu, , sukses gan :)
BalasHapusTo Outbound Malang : entahlah sobat menganggapnya di luar ataupun di dalam :D hehehe iya gan berkat dukungan semuanya juga nih dan sobat :) ane baru tau gan ada postingan baru di bawahnya postingan lama :D hehe TKP ah
BalasHapusTo ToPu : seharusnya di mengerti, praktek, coba, selesai. nahhh itu sekiranya teory saya mengenai pemahaman :)
kalo diluar kan ga di dalem berarti gan?
BalasHapusntar ilang lagi. hahah :D
sore2 gini lagi apa agan faris?
hv a nice day yoo.. :)
Trknya mantap gan.
BalasHapuskalau website css3generator itu bagus ndak ?
To bayu aldi yanshah : hahahah ada apa dengan skew/miring :)) hahaha sukses juga gan :)
BalasHapusTo Outbound Malang : heheheh bisa aja nih agan :)) sore sore gini ane ya lagi duduk di depan komputer :D tetapi enaknya sih sepedaan bareng temen rame rame :)
BalasHapusTo idm bebas update : kalau dari yang saya amati sih kurang sob, mending yang lainnya aja. ada yang error previewnya sob
wah macam rumus fisika aja ni sob make sumbu x and y
BalasHapusdibalesnya langsung ke blognya ente sob..
BalasHapusehhehehe..
wadaw, peringatan ya ini? huahaha :D
maaf ya gan..
oke dah gan ditunggu aja ya balesannya..
besok saya off dulu. ada kegiatan outdoor.
secepatnya ya saya bales satu persatu..
hihi
peace gannn ^.^v
wow bro mantaps bisa jadi bahan acuan nih bikin desain :D
BalasHapuswah keren gan, mantap
BalasHapusnumpang tanya gan, cara bikin efek link kayak :
BalasHapus1. Transform:Translate
2. Transform:Rotate
3. Transform:Scale
4. Transform:Skew
5. Transform:Matrix
dipostingan ini gimana ya ?
To WahidBlog : ada juga Matematika sob yang sering menggunakan sumbu :D hehehe iya gan
BalasHapusTo Outbound Malang : oalahhhh okelah ane kelpaan terus nih gan :)) gak ada peringatan apa apa kok gan :) oalah sibuk dunia offline lagi nih sobat hhehehe sukses deh, hati hat :)
To randy oktaran : iya sob ente kan rajanya desain :) hehe
datang sobat :D
BalasHapusTo 4JIE BLOG : makasih ya gan supportnya :) itu gini caranya :
BalasHapus<a href="#NAMA"></a>
Letakin kode berikut jauh jauh dari <a href> tadi
<div id="NAMA"></div>
setiap link itu di klik pasti arahnya ke div itu.
To hanumuslem : makasih
BalasHapusmantep nih, blh di coba :D
BalasHapusmakin ajib aja sob tutorialnya.terus berkreasi ya sob...
BalasHapusMungkin sobat dapat berbicara dengan cara pandang seperti itu sekarang, namun kalau ntar sobat sudah banyak berpengalaman dan memahami segala sesuatu mengenai teknologi ini nantinya akan mengerti sendiri,...:D
BalasHapusSaya beri bocoran sedikit saja. Tapi jangan minta lagi ya =))
pernahkah sobat mengerti bagaimana 2+2=4? Kalau sobat mengerti silahkan jelaskan dengan gamblang atau sobat memang hanya menghapal saja??? Itulah nanti akan sobat temukan jawabannya kalau sobat mendalami ilmu komputer.. tapi kalau sobat tidak berminat di ilmu komputer, minatnya di kedokteran ya ndak papa sih... ;)
Just my experience to share with all the people in the world. Semoga bocoran yang sedikit tersebut bermanfaat. (y)
Mantap Sob (y) :-*
BalasHapusjalan jalan disini menyapa mas farixsan, selamat mas
BalasHapusTo Alprablog : semoga bermanfaaat ya sob :)
BalasHapusTo AGeboy : hehehe oke sob makasih ya sob supportnya :)
To willy alam : thanks (y)
To ToPu : ane tau ente orang IT dan mengerti soal pemahaman dan cara cara menjadi seorang IT. IT disini yang jago komputer lah :) .
BalasHapusbegini saja deh, oke sobat inginkan matematika :D tetapi apakah bisa 138 x brapa = 11.5 ? apakah sobat akan coba coba? :) tentu menggunakan cara kan? sama halnya dengan rumus ini. ini rumus lho, ya kan? seperti matrix(x,x,x,x,x,x) bukan kah itu rumus? tinggal bagaimana kita menghafal rumus tersebut.
To WahidBlog : selamat malan mas wahid :) selamat menikmati perjalannnya!
BalasHapuswidih, di sini totorial css nya lengkap, dan selalu baru. ijin pakai referensinya kalau saya mengalami kendala gan. makasih sebelumnya
BalasHapus:)) benarkan, sobat hanya akan terus menerus menanyakan banyak hal yang sebenarnya hal tersebut belum waktunya sobat untuk ketahui :D
BalasHapusKetika seorang anak balita memegang setrika yang masih nyala, maka kita melarangnya, mungkin anak tersebut geram dan menolak semua penjelasan yang kita berikan kepadanya namun suatu saat kita percaya suatu saat nanti pada waktunya dia akan mengetahui dengan sendiri tanpa kita peringatkan.
Mungkin sobat menganggap hal tersebut(matematika) tak da hubungannya sama sekali dengan ilmu komputer, tapi percayalah hal tersebut sangatlah berkaitan, sobat sudah diajarkan defferensial/integral?? mungkin bagi sobat hal tersebut hanyalah matematis, namun dalam ilmu komputer perhitungan tersebut sangat sering dipergunakan dan menjadi bagian dalam ilmu komputer. :D
akan Saya jawab pertanyaan sobat, namun ini bocoran yang terakhir dan benar2 yang terakhir yah, nanti tanya - tanya lagi =))
Pengetahuan ini mungkin hanya akan sobat temukan dari Saya jadi, kalau Saya boleh menilai sobat adalah manusia yang paling beruntung yang telah Saya kasih banyak bocoran ilmu menganai komputer but ini yang terakhir yah =))
Oke, yang sobat tanyakan adalah 138 x brapa = 11.5? Kunci jawabannya adalah "POLA". Ya rumus juga merupakan pola. kalau dalam ilmu komputer hal tersebut sobat hanya tidaklah lebih dari sekedar mengubah suatu variabelnya saja. Dan pola tersebut tentu memiliki sesuatu yang harus dimengerti. Apakah sobat merasa setelah tau rumus tersebut sobat merasa paham? Atau sobat benar2 mengerti tentang rumus tersebut atau sobat tidak lebih hanya sekedar menghafal saja?
Santai saja sobat, tak perlu dipaksakan untuk dimengerti, kalau memang sobat berminat, di jenjang perguruan tinggi nanti sobat dapat mengambil prodi ilmu komputer.
Oke demikian semoga yang sedikit bisa bermanfaat bagi sobat dan pembaca lainnya. (y)
lama tak berkunjung ke blog sahabat, gimana kabarnya sekarang???
BalasHapusTrick terbaru lg nigh Sobat, thanks yaa karena Slalu update memberikan posting yg hanget,
BalasHapusLanjut berkarya Sobat!
To sejuta trik blogger : semoga bermanfaat ya sob tutorialnya :) silahkan silahkan :)
BalasHapusTo Polbeng Kidz : baik baik saja sob sungguh :) baca saja tuh yang paling atas ada kabar ane :)
To ToPu : rupanya sobat master komputer ya :) ane salah bicara klau gitu :D hehe intinya : rumus boleh di hafalin dan boleh tidak. :)) simple bukan? :))
BalasHapusTo MHARJIPES.COM : makasih sobat dukungannya, semoga bermanfaat :)
oh..ternyata pake css transform. Saya kira sebelumnya pake image yang telah di edit sedemikian rupa di PS..weleh-weleh..ini bagus juga buatgue yang suka posting gambar...nice share and happy blogging!
BalasHapuswah keren juga ya ilmu
BalasHapuswalau ga ngerti css3 tetap kubaca biar tambah pengetahuan
mantab... :)
Sebenarnya tidak sesimple itu sob, tapi sepertinya lebih baik sobat anggap aja semua itu simple, tak perlu dipikirkan terlalu mendalam, coz ntar kalu Q jelasin ntar tambah panjang lagi =))
BalasHapuskeyeeen; ane kemarine ngedit css3 orang malah berantakan wkwkwk
BalasHapusyang ini jadi ngiler pengin nyoba.. lembuut n romangtis motionnya
thanks cssna :D
duh susah ini mah ilmunya belum sampe situ:((
BalasHapuskeren juga ni sob,,,nambah pengetahuan lg
BalasHapusorang-orang diatas miring-miring 8-}
BalasHapusgagal pertamaxx :((
To Iskaruji dot com : iya gan pakai css3 transform untuk merubah elemen apapun termasuk gambar, tulisan ataupun kotak lainnya :) bisa banget tuh sob :D
BalasHapusTo anisayu : semoga bermanfaat ya buat mba anisayu sendiri :)
To ToPu : heheheh ya aja dah :D lagi pula ane tak mengerti maksud sobat dari kata "tidak simple" hehehe
To anak smpku : iya gan css3 itu sangat keyen di pandang mata :) semoga bermanfaat ya gan :)
To saryadi nilan : pelajari saja sob pelan pelan :)
To >>> Ichwan HAUSGAME : semoga bermanfaat ya sob postingannya :)
BalasHapusTo Ф дфѕдғфдғ Ф : hehehe kenapa miring miring gan? hehehe
lu udah kayak dosen gw aja sob, hahahaha.. bener2 mumet dah gw kalo ngebahas ginian :(
BalasHapuswah ... terus terang aja aku blom nyampe situ pelajarannya :-/
BalasHapusbagus bner sob,,, dan gmana cara buat blog kaya sobat ini,,, :D
BalasHapusoooo hebat sob atu ini belajar ilmu yg ginian, ane ngikut aja deh :)
BalasHapusterbawax :)). hebat sob selalu ada pengembangan css nya, maju terus sob pantang KO hehe
BalasHapuswuih ajib tenan gan cssnya...
BalasHapuspengen nich belajar css
BalasHapusbruakakkaka,, surim,, kirain bisa dimaenin,, =)) =)) gw udah back to blogging lagee,, udah posting tuh,, maaf kemaleman post nya,, :D
BalasHapusapalagi saya Rama88,back trus kesini.wkkkwkw...D
BalasHapusjalan-jalan ;)
BalasHapusSuer ga ngerti gan.. bingung ga tau maksudnya.
BalasHapusjalan jalan pagi disini dolo
BalasHapusdatang lagi nih sobat, belajar efek transform di blog sobat...
BalasHapusKunjungan dan belajar kembali si sini sobat
BalasHapusTo NgeCis : seilahkan disimak sobat semoga bermanfaat :)_
BalasHapusTo dhenok habibie : hehehe bisa aja ente gan :D gila aja dosen dosenan :D masa sih mumet?
To eha : di simak saja sob code dan efek efeknya :)
To waroeng coffee : semoga bermanfaat ya bagis sobat dan keluarga =))
BalasHapusTo Deganshah Putra : hehehe oke sob ane maju ters sobat :)) hihihi
To gang tutorial : css3 transform memang keren gan :)
To komunitas blogger madura : silahkan di pelajari dan disimak sobat :)
BalasHapusTo Rama88 : gimana sih lu ram :D mana mungkin juga bisa di mainin, google juga susah kali buatnya :D TKP lah langsung =))
ToAGboy : hehehe tau tuh dia memang :D temen ane sih :D
To DODE-XP.COM : silahkan jalan jalan :)
BalasHapusTo Bengkel Bangun : ini penerapan css3 transform gan, css3 transform ada 5 jenis :)
To WahidBlog : silahkan jalan jalan :)
To Asis Sugianto : silahkan di pelajari dan disimak semoga bermanfaat kelak dan sekarang :)
To cardiacku : hehehe selamat belajar dan beraktivitas kembali :)
BalasHapusLumayan yang Transfom rotate, saya ambil ya.. hehehe.. :))
BalasHapuspusiiiiiiingg... hehe, otakku udh mumet ama kerjaan yg numpuk nih sob.. :D
BalasHapusTo Awelqq's : semoga bermanfaat ya sobat transform rotatenya :)
BalasHapusTo Penghuni 60 : ooooalah git ya sob :) yaudah siapa tau lain hari membutuhkan :)
amin.....
BalasHapusdoamu membuatku yakin
dan tersenyum dari dalam batin
trimakasih....
To anisayu : sama sama mba hehehe :D
BalasHapussalam hangat ya
alhamdulillah, senang mengetahui sobat sudah sehat kembali seperti semula :-)
BalasHapusyah emang dari dulu kamu keren lah :D..
BalasHapusbriliant..
jalan2 :)
BalasHapusBisa buat referensi desain blog biar bisa miring2 gtu. hehe
BalasHapusthanks Sob.. :D
eren dah infonya.. nambah ilmu nih
BalasHapusdateng di siang hari mas semoga kau sehat selalu
BalasHapuscss3 menghemat load dan tetep artistik walau tanpa image, thx :)
BalasHapuswaktu awal kemari dulu, ane kira dirimu dah kuliah..
waktu smu kemarin ane hobinya masih main kelereng :D
mata langsung berkunang2 :(
BalasHapuskeren2 sob tutorialnya, tapi ane kurang ngerti yang Skew n Matrix. maksudnya jadinya kaya gmn sob?
BalasHapuswah keren..
BalasHapustpi pusing mau mulai dari mana :(
walk here.. have a nice day!
BalasHapusmf gan..,klo org awam css kyk sy gk ngerti yg kyk gituan..,usul sy gmn klo kapan2 posting dunk tentang dasar CSS..., mantap dah ilmux :)
BalasHapusbagus banget ya. Pengen banget belajar tentang hal itu. Tapi kok susah ya untuk memahaminya
BalasHapusjalan jalan malam disini dolo
BalasHapusmampir lagi disini sahabat :)
BalasHapustansformasi :))
BalasHapus---berubaaaahhh~ mantepp~
Mantap sob... Lanjutkan!
BalasHapusMampir balik blog ane sob...
Berbagi HACKING, TWEAKING, SOURCE CODE, TIPS N TRICK, SOFTWARE, GAME, dll
berkunjung gan :)
BalasHapusoiya saran ane buat logo ente yang tulisan "IPS" yang efek emas ntuh , ,
jangan banyak2 bevel ma embossnya ^^
Tipsnya di sini memang selalu bagus sob..Kunjungan lagi di sini.
BalasHapusOh ya ada award buat sobat kalau berkenan diambil ya di sini sobat
http://cardiacku.blogspot.com/2011/12/award-akhir-tahun.html
Susah untuk lihat komentar ane yang pertama saking banyaknya.Absen pagi saja sob,kemana nieh,rupanya admin lagi sibuk ofline yach?
BalasHapusYang penting U sehat sob,happy blogging aja.
Kunjungan silaturahmi di pagi hari saudaraku sambil membaca tips postingannya kali ini
BalasHapusthanks sob
BalasHapusnah mampir lagi di pos yg sama :D
BalasHapussemoga sehat selalu dan kagak sakit lagi sob...tidurnya jangan malem2 brow,jaga tuh kesehatan karna sehat itu mahal banget harganya..,,tapi ngomong2 tipnya asik nih..
BalasHapusjalan-jalan sob........sambil nungguin artikel terbarunya...
BalasHapusmantep banget dehh kang faris. . .
BalasHapusijin nyoba + copas buat belajar kang. . .
sore gan.
BalasHapusbagemana kabar hari ini?
tak nampak batang hidungnya..
semoga bukan karena sakit (lagi). :)
saya pas baca komen2nya agan sama agan ToPu ga tau kenapa senyum2 sendiri. jadi inget perdebatan saya sama temen2 saya di SMA dulu..
wahahaha
ok dah gan, selamat beraktifitas aja..
:)
css transformnya keren sob...
BalasHapusfaris lu masih sakit ya :(( cepet sembih ya,, banyak2 istirahat,, :(
BalasHapushmm mantapp lebih jelas dan mudah dimengerti daripada post ane yg dulu wkwkwkw. =))
BalasHapusehhehe, ada yg ultah ternyata, pantesan gak muncul2 =)) happy b'day ya,, :D ucapan nya udah di wall FB,, wkwkkw :))
BalasHapusoh ya semoga cepet sembuh dari sakitnya , dan kurangi bermainnya ya :/
BalasHapusdoaku menyertaimu sobat , ditunggu kembalinya :(
BalasHapusFaris Ultah nih , HBD ya semoga panjang umur serta sehat selalu. dan diberi kesembuhan atas penyakitmu :)
BalasHapusMantap.... Mampir balik blog ane sob...Berbagi HACKING, TWEAKING, SOURCE CODE, SOFTWARE, GAME, dll
BalasHapusgw dateng lagi bawa hadiah ultah,, wkwkkwkw, =))
BalasHapusdi buka ya faris: Click Here =))
semoga terhibur dan lekas sembuh,, :(
ajip kren abis sob,faris emang masternya CSS :),wah faris ultah yah walaupun kayaknya agak telat saya ucapkan selamat ulang tahun semoga panjang umur and panjang segalanya lah =)) =))
BalasHapusdateng lagi sobat faris gimana kabarnya
BalasHapusoh lagi ultah to gan?
BalasHapuswoalahh, ya udah saya ikut meramaikan dsni..
selamat ultah, dan semoga ga sakit2 lagi, sehat selalu..
get older get better gan.. :)
To BlogS Of Haryanto : alhamdulillah ya sob hehe sesuatu banget nih bisa sehat seperti semula :)
BalasHapusTo socafahreza's blog : hehehe bisa saja nih sobat komennya :)
To DODE-XP.COM : silahkan jalan jalan :)
To Prozonas : hehehe asalkan untuk otaknya jgn di buat miring juga sob :))
To blog alternative : hehe semoga bermanfaat ya sob ilmunya
To Yudi Glanter : makasih ya sob doa kesembuhannya :)
BalasHapusTo alkatro : itulah kehebatan dari css3 itu sob :) hehe. eh masa sih sob mengiranya kuliah? :D wah kalau gitu salah ya sob. ane juga suka main kelereng :))
To Galau'ers : wahhh masa sib sob berkunang kunang? :D
To Zona Download Gratis : skew itu artinya miring. yaitu memiringkan suatu elemen dengan sumbu Y atau X. kalau matrix itu gabungan dari beberapa jenis css3 transform itu. entah translate, skew, dan scale.
To Galau'ers : mulai dari mananya ada di hati sobat sendiri :)
To El3kTr0 : thanks blogwalkingnya :)
BalasHapusTo Rohis Facebook : ini dasar dasar sob :) dasar dasar css3 :)
To CORETAN HIDUP : susah dimananya sobat? :) pelan pelan saja sobat belajar
To WahidBlog : silahkan jalan jalan sobat :)
To AGeboy : makasih atas kedatangannya
BalasHapusTo Nurmayanti Zain : hehehe iya sob mirip transformer hehehe :)
To Black Angel Syndicate : promosi ya gan? :)
To Bayu Aldi Yanshah : oke deh sobat makasih ya sob saran emboss bevelnya itu hehehe :) ane masih cupu PS nih sob
To cardciacku : wah makasih ya sob kunjnugannya :) waduh dapat tag lagi ya gan =)) gimana ya nih :D
BalasHapusTo Raihan Mar'ie Ramadhan : di search aja gan ctrl+F :) ane aja gitu kalau mau cari komentar :D iya gan ane lemas sekali :(
To abufarras : silahkan di baca sobat :) semoga bermanfaat
To mania-xp : sama sama :)
To waroeng coffe : makasih sobat kedatangannya :)
BalasHapusTo binkbenk : iya gan makasih banyak ya sobat supportnya :) ane juga gak akan tidur malam malam lagi sobat hanya demi dumay :) semoga bermanfaat
To peristiwa penting 2011 : silahkan di tunggu sobat artikelnya :)
To Obat Alami Jelly Gamat Gold G : silahkan di coba sobat :) jgn lupa cantumkan link bila mengcopas :)
To Outbound Malang : 2 hari kemarin ane di kagetkan lagi sobat dengan penyakit yang menyerang mata saya yang membuat saya tidak boleh main komputer. wahahaha iya gan ane salah berdebat gan :D seharusnya ane tak berdebat dengan master IT seperti ToPu hehe :D
BalasHapusTo Asis Sugianto : semoga bermanfaat ya sob css3nya :)
To Rama88 : iya ram masih sakit gua lemes. bawaannya pengen tidur mulu :D
To Mbah Qopet : masa sih mbah :D ane lupa ente pernah posting ginian :D hehe
To Rama88 : hehehe makasih banyak ya sobat udah banyak sekali mengucapkan selamat ultah :) (lho sobat lagi) hehe makasih ram :D
BalasHapusTo Mbah Qopet : makasih ya sob supportnya :) ane kurangi bermain kompternya :) hehe makasih ya sob ucapan selamat hari ulang tahunnya :) makasih juga untuk hadiah persahabatannya sobat :) aminnnnnn!!! semoga terkabul ya meskipun tuhan tak baca internet :D
To Black Angel Syndicate : thanks prommosinya :)
To Rama88 : makasih banyak ya ram hadiah ulang tahunnya :D keren banget bisa bergetar getar gitu :D memang mantap dahh!!! aminn!
To BLOGCUNAYZ : makasih ya sob sudah mau ikut mendoakan ane dalam keadaan suka maupun duka :) makasih ucapan selamat ulang tahunnya :)
BalasHapusTo WahidBlog : baik sobat :) ehe makasih ya
To Putbound Malang : iya mas maaf ya baru bisa nyapa sobat hari ini :( makasih ya doanya, semoga bisa terkabul :)
:)) wkakakak...
BalasHapusso sweat :-o
Happy birthday aja dech,ko ga ngundang-undang nieh.
BalasHapusSelamat sore kawan,maksih kunjungannya.
Happy blogging.
To Galau'ers : kwowkowkow biar terkesan lebih enak lah :)) =))
BalasHapusTo Raihan Mar'ie Ramadhan : makasih ya sob ucapan selamat ulang tahunnya :) hehehe makasih ya, makasih juga untuk kunjugan sore ini kawan :) happy blogging to :)
ada yang ultah nih...hmmm??
BalasHapusHappy Brithday ya sob.mga makin sukses..:)
To Ageboy : aduuhh makasih banyak ya sobat selamat uldang tahunnya :) aduh jadi tambah semangat lagi ngeblogging :)
BalasHapuswah kemren pasang rotate, sekarang udah di lepas..
BalasHapuscoz gak cocok .. :))
To SaMuel : kenapa gak cocok sob rotatenya? :D hehehe
BalasHapusRumit juga ya sob...
BalasHapushadir lagi menyapa sahabat :)
BalasHapustpi kliatan klo maho sob :(
BalasHapuswah aku baru berkenalan yg begini, kubaca dan pelajari untuk nambah pengetahuan ilmu yg mantab... :)
BalasHapussip deh penjelasannya, matrix sepertinya keren tuh soalnya gabungan beberapa css3
BalasHapusWuih keren namanya juga master.Alhamdulillah ya master, akhirnya sehat kembali master faris.
BalasHapuskunjungan malam mas brow...wah, template penuh kejutan yang keren nie...semoga kamu tetap eksis memberikan hal yang baru dalam dunia blogging ya mas brow :D
BalasHapusTo Lutfi : hehehe nda rumit jika kerja keras :)
BalasHapusTo BlogS of Hariyanto : makasih sobat kehadiran dan sapaannya :)
To Galau'ers : okelah gak untuk kesobat :D huahaha oke gan! =)) :))
To anisayu : hehehe silahkan di baca semoga bermanfaat ya mba :)
BalasHapusTo Liandri : iya gan alhamdulillah sudah paham paham :)
To Bisnis Online Blog : wahhh ojo panggil master master gan :) hehe
To deny : amin sob :) o iya ane lupa dengan template ya :-o maafkan ane ya sob, nanti ane selesaikan :)
absen malam ni sobatku, oh ya upadetannya udah :D
BalasHapusBerkunjung lg nigh Gan,,
BalasHapusMasih setia nunggu Posting Hngatnya
To WahidBlog : langsung TKP sob :)
BalasHapusTo MHARJIPES.COM : makasih gan sudah mau mengunggu postingan terbarunya :)
dateng lagi ke tetangga sebelah cari yang anget2
BalasHapusAku hadir lg sob,ikutan baca2 dulu he..he..he
BalasHapusNah ini seperti ada yang di wisata murah :) rupanya masih menggunakan css, kirain js. :) terima kasih.. keren
BalasHapuskuhadir lagi minus one day jelang tahun baru di Jumat Barokah :)
BalasHapusmampir lagi ah sambil bagi2 cendolnya :)
BalasHapusgan, kasih trik membuat halaman multi posting blog donk,, hehehehe ^^ ,, request ni gan :p
BalasHapussob kok komentar sobat masuk di SPAM sy??? kenapa seperti itu sob?? tapi komentar sobat sudah saya terbitkan...
BalasHapusgpp gan. sante aja..
BalasHapusdont worry be happy :)
amin..amin..
hehe
selamat beraktifitas di jumat ini..
semoga lebih baik..
keren deh, transformasi css3 yg seing saya pake yg rotate, yg lain saya belum ada ide utk berkreasi :D
BalasHapusmakasih infonya ;)
To gan tutorial : selamat datang di tempat yang anget angetnya sobat :) huahahaha
BalasHapusTo Suratman Adi : seilahkan di baca baca sobat :)
To Aneh tapi nyata : hehehhee masa sih gan :) iya gan masih css yang js postingan berikutnya :)) =))
To BlogS of Hariyanto : hehehe H- 1 ya sob hehehe :D makasih kedatangannya :)
BalasHapusTo BLOGCUNAYZ : silahkan di sebar cendolnya gan disiini hehehe
To kupi pancoeng : halaman multi posting gimana sobat :) jelaskan sedikit tentangnya, nanti ane bisa posting requestnya kalau jelas :)
To Asis Sugianto : wahhh memang aneh nih mbah goo**e.com ckckc masa kena SPAM mulu dari dulu!!!
BalasHapusTo Outbound Malang : hehehe mantap dah bahsa inggris huahahaha :)) makasih sobat kehadirannya
To ladidacafe : iya tuh gan rotate sangat baik untuk kreasi hehehe :)
To threex-hans.com : maaf sobat komentarnya masuk spammer! :(( baru di publish tadi. sulit sobat untuk di jelaskan cara membuatnya :)
BalasHapusitu mungkin karena IP sobat sudah terdeteksi sebagai SPAMer sob,,,
BalasHapusmaka sobat sering masuk filter SPAM
Wah,emang rumit keliatannya :D
BalasHapusbuset makin keren aja om blognya mantaps...
BalasHapusoh ya Ada suatu perlombaan menulis dalam kontes Lomba Blog Speedy Resolusi Juara 2012 yang salah satu penilaiannya adalah tergantung banyak komentar dan Berkomentar Harus Sesuai Tulisan Yang Kita Buat...
http://ojelhtc.blogspot.com/2011/12/resolusi-juara-2012.html
Apakah Anda Semua Mau Berkomentar Di Blog Saya, Tolong Dibantu yah ^_^ ?
To Asis Sugianto : astaga :| berita yang sangat buruk yang ane pernah dengar nih :(( kenapa IP ane kayak gitu ya
BalasHapusTo Aku mau gratisan : gak rumit rumit amat kok sob :)
To HTC : makasih sobat opininya :) langsung ke TKP tuk membantu sobat ah :)
nyimak gan.
BalasHapuslangsyng masuk kantung nih.
biarpun ndg paham tpi ttp kagum
BalasHapusTo Hujangede Online : ane TKP sob untuk membantu sobat
BalasHapusTo misterius : hahahaha bisa saja lu gan :)) =))
To district16 : masa sih sobat, kan sudah ada contohnya gan :)
infonya mantabs sekali bang...
BalasHapusmakasih sobat atas supportnya :)
HapusBelajar banyak CSS di sini sahabat
BalasHapusTerima kasih sahabat atas sharenya ini
siap,, maksih gan mantab ,,,,,
BalasHapuskeren banget blognya.. salut gan..
BalasHapusizin coba dulu mas.. terima kasih tutornya.
BalasHapuswah bisa nambah pengetahuan saya tentang css nie sob.
BalasHapusSaya sudah mencari-cari situs tempat pembelajaran untuk Property Transform:matrix(n,n,n,n,n); tapi tidak ada yang menjelaskan secara detail disini. Saya berterima kasih sekali mas/mba mau berbagi ilmu disini.
BalasHapusTerima kasih banyak atas semua infonya, salam sukses..
BalasHapushttp://goo.gl/A7pu3T
Terima kasih banyak atas semua infonya, salam sukses..
BalasHapushttp://goo.gl/A7pu3T
Terima kasih banyak yah gan atas semua infonya, salam sukses..
BalasHapushttp://goo.gl/4NLscu
Makansih buat infomasinya, sangat bagus dan bermanfaat....
BalasHapusMakansih buat infomasinya, sangat bagus dan bermanfaat....
BalasHapusEnak sekali pagi hari baca artikel Anda, karena infonya sesuai dengan yang saya cari, makasih buat infonya....
BalasHapusNice gan desain artikelnya. . update terus ya informasinya
BalasHapussalam sehat
CSS3 Transform dapat disebut juga dengan efek perubahan yang terjadi pada elemen asli berdasarkan dari perubahan bentuk (Transformasi).
BalasHapusDalam pengkodean Css3 Transform ini, telah di bentuk dan di bedakan menjadi 5 macam transformasi.
BalasHapusTerimakasih info tentang CSS3 Transform
BalasHapussengangat terus ngeblognya mazz..
BalasHapus