Artikel

Home > Artikel
 

 

Fungsi after dan before dalam CSS


Diposting : 2015-01-22 oleh : WebHozz

disini ada gambar

before-after

Halo teman-teman WebHozz apa kabar, kita bertemu lagi :) oke kali ini kita akan mencoba tutorial menggunakan fungsi :after & :before yang terdapat pada CSS.

Sebelumnya kita cari tahu dulu pengertian dari :before dan :after teman-teman, nah untuk pengertiaannya sendiri kita mulai dengan :before, simple saja artinya sebelum & kalau untuk :after artinya sesudah, he..he.. kalau gitu kita coba untuk analisa penggunaannya atau fungsinya.

:before digunakan untuk menambahkan elemen sebelum elemen utama, sedangkan :after digunakan untuk menambahkan elemen sesudah elemen utama. Mudahnya :beforedigunakan untuk menambahkan elemen disebelah kiri sedangkan :after menambahkan elemen sebelah kanan.

Untuk penulisannya single colon ” : ” penulisan pada CSS 2 dan untuk double colon ” :: ” penulisannya pada CSS 3


hasilnya :

disini ada gambar

hasil ::before

 

Nah sekarang coba teman-teman gunakan fungsi ::after lihat akan memberikan efek apa pada tampilan di website. Nah teman-teman WebHozz selamat mencoba.

Sumber : http://www.webhozz.com/blog/fungsi-after-dan-before-dalam-css/




Tag : kursus android, kursus web, kursus web design, kursus php, kursus website, lenovo, woocommerce, windows, excel, xampp, php, mysql, twitter, analytic, adwords, google, maps, seo, jquery, slider, browser, game, transition, animation, whatsapp, desktop, wireframe, desain, vps, css, aplikasi, html, javascript, captcha, form, kode, kaskus, autoscroll, codeigniter, processor, bootstrap, ios, wordpress, div, span, lollypop, background, marquee, behaviour, plugin, chaton, bitcoin, opencart, payment, post, get, tooltip, button, silverlight, webmaster, phonegap, facebook, html5, swicth, sass, bbm, alert, mvc, fungsi, mobile, loading, nokia, template, traffic, laravel, yii, jquerymobile, blogger, adobe, baidu, hosting, font, server, input, sticky, menu, tokoonline, prestashop, joomla, java, yahoo, angular, microsoft, responsive, generator, visitor, counter, flatdesign, kursus web design jakarta, kursus web design bandung, kursus website bandung, kursus php bandung, kursus android bandung, kursus java bandung, kursus web bandung, Aplikasi Ramadhan, Cara Membuat Website, Tempat Kursus Website Bandung, Manfaat Internet, Menggunakan Wireframe Web, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, kursus web jogja, kursus website jogja, kursus web design jogja, kursus web programming jogja, kursus php jogja, kursus android jogja, kursus android programming jogja, kursus java jogja, kursus webmaster jogja, kursus codeigniter jogja, kursus wordpress jogja, kursus seo jogja, kursus vb jogja, kursus sql server jogja, kursus game jogja, kursus website jakarta, kursus web design jakarta, kursus web programming jakarta, kursus webmaster jakarta, kursus php jakarta, kursus wordpress jakarta, kursus android jakarta, kursus seo jakarta, kursus java jakarta, kursus sql server jakarta, framework cordova, mengenal framework cordova, apa itu cordova, membuat aplikasi android dengan cordova, cordova android, aplikasi hybrid android, cordova vs phonegap, Kursus Website Surabaya, Kursus Web Design Surabaya, Kursus Webmaster Surabaya, Kursus PHP Surabaya, Kursus Wordpress Surabaya ,