Fitur Css Selection Untuk Mengelabui Tukang Copas

Belajar CSS terkadang sangat berkhasiat bagi seorang blogger. Bagaimana tidak, dengan hanya mempelajari CSS yang dasar saja, kau dapat sedikit menghindari seseorang untuk menyalin artikel blog kamu. Biasanya cara untuk menghindari orang lain dari menyalin artikel kau ialah dengan pemberian JavaScript. Kali ini aku akan mengulas cara menanggulangi tukang copas dengan memakai CSS. Apakah bisa?

Jika dibilang bisa, tidak menjamin 100%. Hanya saja dengan cara ini setidaknya orang yang akan melaksanakan copas sedikit kebingungan. Bahkan biasanya apabila orang mematikan JavaScript-nya untuk dapat copas, maka hal ini tidak akan berpengaruh, sebab ini ialah CSS. Penasaran bukan? Berikut ini ulasannya.

Cara Mengelabui Tukang Copas dengan CSS

Sebelum membahas bagaimana cara mengelabui tukang copas, kau perhatikan demo di bawah ini. Pada baris yang terakhir, kau akan menemukan tidak ada latar di belakang teks. Hal ini lah yang akan mengelabui tukang copas. Dia akan beranggapan bahwa goresan pena kau tidak dapat di-copas, padahal bersama-sama bisa. Jika ia memakai Ctrl A (memilih semua), maka cara ini akan menyulitkan tukang copas. Mengapa? Karena ia harus melaksanakan penyuntingan lagi.

See the Pen pJxru by Iskandar Dzulkarnain (@iskael) on CodePen.

Menarik bukan? Bagiamana caranya? Kamu hanya cukup membubuhkan selektor ::selection (untuk global), ::-moz-selection (untuk Firefox), atau ::-webkit-selection (untuk Chrome, Safari, dan Opera Next). Lalu, aturlah properti dari selektor itu dengan background: transparent. Mengapa tidak dengan background:none? Cobalah sendiri, nanti kau tahu alasannya :)

Cara di atas gampang bukan? Kamu hanya perlu mengkolaborasikannya dengan skrip anti-copas dari JavaScript saja, biar makin greget. Selamat mencoba :)
Sumber https://www.iskael.com/