Jak zrobić coś takiego jak na stronie głównej tego bloga?

Question

Próbuje wymyśliś jak zrobić coś takiego, jak te nej stronie zrobił Pan Mirosław. Czyli po na jechaniu na te obrazki
(CSS, PHP, JS, itd.) zmienie się tło (które lekko prześwituje) i pokazuje się jakiś tekst.

Wie ktoś jak to zrobić? Jeśli Pan Mirosław zechcę zdradzić jak on to zrobił, to było by miło. Proszę o szybkoą odpowiedź!

A, i bardzobym prosił, żeby instrukcje były proste, gdyż nie jestem po żadnych szkołach informatycznych. Zaczołem programować bo mi się to bardzo spodobało :)

Answer 1

Niedawno pojawił się już temat odnośnie thumbnail, moje demo znajdziesz tutaj: http://codepen.io/testerius/pen/KpXLGy Co prawda nie naprawiłem jeszcze tego małego buga, ponieważ nie miałem na to czasu, ale ogólnie mam nadzieję, że tobie również się przyda i cię nakieruje.

Edit: Bug poprawiony.

Answer 2

Czasami warto skorzystać z wyszukiwarki na forum. Nie dawno było już takie pytanie.

Potrzebujesz CSS'a.

Tutaj masz jak to zrobić http://codepen.io/Ivanowski/pen/warbaa

Oczywiście, żeby nie było za łatwo to wszystko jest ustawione "na sztywno" i trzeba parę rzeczy poprawić.

Answer 3

http://www.w3schools.com/css/css3_transitions.asp

Wychodzę z założenia, że jeśli ci dam gotowy kod to się nie nauczysz więc wstawiam to co ci będzie "potrzebne".

Comments

https://forum.pasja-informatyki.pl/34559/w3schools-nie-szerzmy-falszywej-propagandy?show=34559#q34559 → lepiej linkować do MDN: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transitions

Answer 4

<style>
div {
    width: 100px;
    height: 100px;
    background: #888;
}

div:hover {
    background: #999;
}
</style>

<div></div>

Hover w CSS odpowiada za najechanie kursorem na obiekt. Więcej znajdziesz TUTAJ