Opacitate / Transparenta elemente

Întrebări / Probleme / Coduri / Tutoriale .etc
Post Reply
User avatar
tataieee
Administrator
Posts: 3832
Joined: 17 Sep 2014, 17:52
Nume Real: Alexandru Costin
Nivel cunoştinţe IT: 10
Location: Giurgiu; România
Contact:

30 Sep 2014, 17:20

Acest tutorial este o alternativa la tutorialul facut de tataieee pentru a seta o transparenta a unui element html. Acesta metoda poate fi folosita foarte usor, deoarece este vorba doar de CSS.

Avem nevoie de un element .div la care sa ii adauga o clasa dorita, de ex:

Code: Select all

<div class="opacity">Continutul meu aici</div>
Acum urmeaza sa aplicam cateva proprietati CSS pentru aceasta clasa creata, adaugand in fisierul .css urmatoarele:

Code: Select all

.opacity {
  opacity: 0.7;
}
In acest moment avem un element .div cu o opacitate de 70%, pentru a avea o opacitate de 100% la trecerea mousului peste acest div, adaugam urmatorul cod in fisierul .css :

Code: Select all

.opacity:hover {
  opacity: 1;
}
In acest moment avem aceleasi rezultat prezentat de tataieee aici. Acest cod CSS poate fi folosit pentru imagini, text, elemente div, prin adaugarea clasei opacity la fiecare element dorit.
*Email: w.tataieee@gmail.com
*PayPal: w.tataieee@yahoo.com
Post Reply

Return to “HTML, HTML 5, Web Scripting, Index/Intro”