Halo semua, jumpa kembali dengan saya, pada artikel kali ini saya akan bagikan tutorial sederhana mengenai bagaimana Cara Membuat Garis Stroke Dengan CSS3, Stroke sendiri merupakan efek berupa garis yang mengelilingi sebuah teks, biasa nya kita sering menemukan garis stroke ini pada photoshop, namun kali ini kita akan buat dengan menggunakan CSS3, Berikut cara membuatnya.

Pertama-tama kita akan buat satu buat kalimat teks dengan kode HTML berikut.

Untuk teks nya silahkan isikan bebas. Nah, setelah membuat teks, selanjutnya kita akan desain teks diatas dengan kode CSS3 berikut.

Pada kode ini garis stroke dibuat.

Setelah semua kode diatas diketikan, simpan terlebih dahulu, kemudian coba jalankan pada browser masing-masing dan lihat hasilnya.

Baik, sampai disini tutorial bagaimana Cara Membuat Garis Stroke Dengan CSS3, semoga bermanfaat, amin.

Selamat mencoba ๐Ÿ™‚ .