[DeJk_SEBa]

Jest możliwość zrobienia czegoś takiego w CSS bez użycia javascriptu? Druga część obrazka to wersja po najechaniu. Nie musi być animacja, byleby efekt ten sam był. Jeżeli tak to czy może ktoś pomóc, bo chciałbym zrobić to w formie listy. #programowanie #html #css #css3

[k.....a]

@DeJk_SEBa: meh, lepiej jQuery - jedna linijka, efekty ciekawsze...

[G.....n]

@DeJk_SEBa: Da się zrobić, choć trochę roboty jest z taką półprzezroczystością.

[Marmite]

@DeJk_SEBa: Jest możliwa. Wystarczy ukryty div na cały rozmiar zdjęcia, którego dzieckiem będzie ten z tekstem. Rodzic ukryty, pokazujesz go po najechaniu myszką.

[lucku]

@DeJk_SEBa: zaraz pokażę

[npsr]

@DeJk_SEBa: da się, nawet z animacją, jeśli css3

zdjęcie dajesz jako tło diva. Div wysokość, overflow:hidden. Po najechaniu zwiększasz, wysokość, z-index itepe.

dobrze byłoby od razu pozycjonować absolutnie w takim wypadku.

spróbuję rozpisać

[KrzaQ2]

Nie używaj js jeśli nie musisz. Zdziwiłbyś się ilu użytkowników domyślnie wyłącza ten shit.

[lucku]

@DeJk_SEBa: http://jsfiddle.net/Heacb/ proszę

[lucku]

@npsr: @KrzaQ2: @Ginden: @knysha: @Marmite:

[DeJk_SEBa]

@lucku: @npsr: Jak wam coś się uda napisać to byłoby miło, przeanalizowałbym i zapamiętał, bo zawsze mam z tym problem, a na żywym przykładnie łatwiej mi zrozumieć.

@KrzaQ2: Dlatego właśnie pytam o to jak zrobić bez js, bo z js jest pełno poradników.

@lucku: Dzięki, zobaczę.

[Marmite]

@lucku: Ale po co mnie wołasz to nie wiem :P

[lucku]

@Marmite: a nie wiem, z rozpędu :D

[DeJk_SEBa]

@lucku: A teraz jeszcze jedno, bo tutaj mamy obrazek w css zapisany, a jeżeli chciałbym mieć go w html, żeby np. zrobić listę takich?

[npsr]

@DeJk_SEBa: zrób

[lucku]

@DeJk_SEBa: http://jsfiddle.net/Heacb/2/

[lucku]

@npsr: chyba żartujesz

[DeJk_SEBa]

@lucku: Kurcze, muszę się do Ciebie na jakieś nauki zapisać, dzięki wielkie, teraz tylko chwila, by zrozumieć i nie będę już nigdy się z tym męczył. :*

[lucku]

@DeJk_SEBa: spoko :)

[DeJk_SEBa]

@lucku: Nie będę tworzył nowego wpisu, ale mam pytanie znów dot. css. Mianowicie… mam tak:

background-image: radial-gradient(center top, circle cover, rgba(255, 153, 51, 0.4), #fff 100%);

w body. Niestety strona kończy się w połowie okna i w tym miejscu tło zaczyna się jakby od nowa, a ja chciałbym by się pociągnęło do końca, co zrobić?

[lucku]

@DeJk_SEBa: spróbuj dać w html { min-height: 100% }