CSS ja popup

Anonyymi

Yritän vääntää koodia, jolla saisin kuvaa hooveroimalla vasemmasta reunasta erilaisen efektin (popupin) ja oikeasta reunasta toisen. Onko mahdollista?

13

<50

    Vastaukset

    • On mahdollista.

    • Hienoa. Seuraavaksi tarvisin jotain linkkiä mistä saa lisätietoa tai esimerkkiä...

    • Ainakin silleen saa, että laittaa siihen päälle kaksi absoluuttista div:iä ja halutut hoverit niihin. Ja koko höskä pistettävä vielä jonkinnäköiseen containeriin, kun img:in sisälle ei vissiin voi laittaa mitään(?). Tässä esimerkki: https://jsfiddle.net/j61qzsa9/1/

    • Täälä sitä ruinataan neuvoja kusipääohjelmointiin. Minä puolestani olen yrittänyt epätoivoisesti etsiä selaimeen lisähärpäkettä CSS:llä tehtyjen vittumaisuuksien estoon.

    • Suotta kinaatte, ei se mihinkään johda. Kiitos kuitenkin kommeneteista, jokaisesta oli jotain hyötyä.
      Minkkilaukun esimerkki toimi täydellisesti.
      Suoraava idea olisi saada tuo hooverointi vaikuttamaan tuohon alkuperäiseen kuvaan. Vasemmalta hooveroitaessa kuva vaihtuu kesäiseksi ja oikealta talviseksi.
      Nyt taisi jo tulla juttu jota ei hooveroimalla voi toteuttaa?

      • Laita halutut kuvat niiden :hover::aftereiden background-imageiksi:

        https://jsfiddle.net/ypk9xbcn/2/

        Se ei siis "vaikuta" alkuperäiseen kuvaan mitenkään vaan päällä näytetään uusi.


      • minkkilaukku kirjoitti:

        Laita halutut kuvat niiden :hover::aftereiden background-imageiksi:

        https://jsfiddle.net/ypk9xbcn/2/

        Se ei siis "vaikuta" alkuperäiseen kuvaan mitenkään vaan päällä näytetään uusi.

        Näppärä kaveri, vaikka olen sitä minäkin.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Poker Run kolari

      Ei mennyt aivan putkeen! Joku loukkaantui vakavasti ja taphtuma keskeytetty. Videolta näkyy ensin yksi vene ajaa melko hiljaa kovalla melulla ja vesis
      Yleistä veneilystä
      167
      3187