Loading...
Dacă eşti vizitator şi vrei să te înregistrezi, apasă aici.

Opacitate / Transparenta elemente

Întrebări / Probleme / Coduri / Tutoriale .etc
Avatar utilizator
tataieee
Administrator
Mesaje: 3803
Membru din: 17 Sep 2014, 17:52
Țara de origine: Romania
Nume Real: Alexandru Costin
Nivel cunoştinţe IT: 10
Localitate: Giurgiu; România
Vârsta: 25
Contact:
Status: Neconectat

Opacitate / Transparenta elemente

Mesajde tataieee » 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:

Cod: Selectaţi tot

<div class="opacity">Continutul meu aici</div>


Acum urmeaza sa aplicam cateva proprietati CSS pentru aceasta clasa creata, adaugand in fisierul .css urmatoarele:

Cod: Selectaţi tot

.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 :

Cod: Selectaţi tot

.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

Înapoi la “HTML, HTML 5, Web Scripting, Index/Intro”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 1 vizitator

cron