[CSS][HTML] Tekst i przyciemnienie na obrazku Opcje

[annow]

Witam, chcę zrobić aby na obrazku po najechaniu pojawił się tekst, przyciemnienie zrobiłem opcją

[HTML] pobierz, plaintext 
.obrazek1:hover {  filter: brightness(30%); }
[HTML] pobierz, plaintext 

a w HTML:

[HTML] pobierz, plaintext 
<img class="obrazek1" src="obrazek1.png" />
[HTML] pobierz, plaintext 

i chcę aby po najechaniu pojawił się tekst, ktoś ma jakieś pomysły?

[trueblue]

font-size:0 -> font-size:100px

[annow]

font-size:0 -> font-size:100px

matko, działa

[HTML] pobierz, plaintext 
.test1 {
  position:relative;
  font-size: 0px;
}
.test1:hover {
   -webkit-filter: brightness(30%);
   filter: brightness(30%);
   -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   -ms-transition: all 1s linear;
   -o-transition: all 1s linear;
   transition: all 1s linear;
   font-size: 20px;
   color: yellow;
}
 
.obra1:hover {
	position: absolute;
    z-index:-1;
}
[HTML] pobierz, plaintext 

jest jeszcze jeden problem, wszystko pięknie przyciemnia się tekst się wyświetla, ale gdy najadę już na tekst po przyciemnieniu, wskakuje on za obrazek

chcę uzyskać coś takiego jak na tej stronie: http://jems.pl/projekty/wybrane-prace/

Ten post edytował annow 11.07.2016, 16:27:13