Trik Menyembunyikan Elemen Dan Teks Dengan CSS3

Halo, ketemu lagi dengan saya 🙂 apa kabarnya ? semoga baik yah, amin.

Pada artikel kali ini saya akan membahas sedikit trik nih buat kalian yang suka menyembunyikan elemen-elemen atau teks pada website, ada berbagai macam cara sebenarnya, nah dibawah ini saya akan kasih tau Trik Menyembunyikan Elemen Dan Teks Dengan CSS3.

1. Cara pertama.

.hide-text {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);

  // only needed for an apparent bug in Webkit/Opera
  // http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
  height: 1px;
  width: 1px;
  overflow: hidden;
}

2. Cara kedua.

.hide-text {
  text-indent: -9999em;
  outline: 0;
}

3. Cara ketiga.

.hide-text {
  height: 0;
  overflow: hidden;
  position: absolute;
}

4. Cara menyembunyikan tombol submit.

.submitbutton {
	display:block;
	width:100px; height:25px;
	background-image:url(image.jpg); background-repeat:no-repeat;
	text-indent:-999px;
	font-size:0px; line-height:0;
}

Nah itulah beberapa trik  yang bisa kalian gunakan untuk menyembunyikan elemen atau teks dengan CSS3, semoga bermanfaat, amin.

Selamat mencoba.