[Soczi]

#webdev #css #html
Ogarnia ktoś jak zrobić taką rzecz? Najeżdżam na zdjęcie, i jego przezroczystość zmniejsza się i pojawia się napis. Ogarnąłem pojawianie się napisu na zdjęciu, które zmniejsza przeźroczystość do 60%, ale niestety napis też zmniejszył swoją widoczność i jest uja widoczny :D

[s.....a]

@Soczi: napis musi być w osobnym kontenerze :) po zrobieniu hovera na parrencie zmieniasz wlasciwosci kontenera z tłem i kontenera napisem

[radek024]

@Soczi:zrobił bym klase w klasie, w tej pierwszej kombinowalbym z wyrażeniem content w CSS, w drugiej z wyznacznikiem hover i transparency

[emtei]

@Soczi: Nie ładuje mi się ta strona. Ale spróbuj może z przeźroczystym tłem a nie przeźroczystym całym elementem.

Podpowiedź: background-color: rgba();

[s.....a]

@Soczi: chociaż tutaj akurat nakladasz chyba po prostu przy hoverze nowy kontener z napisem i tłem z rgba :)

[Soczi]

@sta: tak chyba robiłem i zmieniało zewnetrznego diva to zmienilo tez tego wewnetrznego. Oba mają być divami?

[PioPi0]

@Soczi: zdjęcie ma taką samą przeźroczystość, a po najechaniu myszką widoczna staje się tylko ta ciemniejsza warstwa, blok, który zawiera zdjęcie.

http://callmenick.com/post/image-overlay-hover-effects-with-css3-transitions
http://www.cssportal.com/blog/adding-image-overlay-css/
http://stackoverflow.com/questions/18322548/black-transparent-overlay-on-image-hover-with-only-css

[Soczi]

@Eggy: niestety wyjeżdżam. Jak wrócę do domu to potestuję :-)

[Soczi]

@PioPi0: też tak probowałem, ale chyba z-index zle ustawiłem. Będę walczył, jak nie ruszy bedę wołać ;-)

[PioPi0]

@Soczi: na tych stronach co wkleiłem masz wszystko co potrzebujesz, szczególnie na stackoverflow jest wszystko dobrze opisane więc myślę, że nie będzie problemu :)

[Soczi]

@PioPi0: no przejrzałem i ładnie rozpisane. Dzięki z tego będę pożyczał.

[Soczi]

@PioPi0: ogarnąłem z innego źródła - kod był bardziej przejrzysty bez zbędnych animacji. Udało się, skończyłem.