Yritän vääntää koodia, jolla saisin kuvaa hooveroimalla vasemmasta reunasta erilaisen efektin (popupin) ja oikeasta reunasta toisen. Onko mahdollista?
CSS ja popup
Anonyymi
13545
0Äänestä
Muut lukivat myös
Luetuimmat keskustelut
- Älä unohda minuaNainen ethän unohda minua. Asiat olisivat voineet mennä toisin, olisi vain pitänyt uskaltaa lähestyä sinua kun annoit siihen mahdollisuuden. Olen pettynyt itseeni, ja se kyllä närästää. Naiselle Mieheltä
- Pitäisikö Vantaa liittää Helsinkiin.Mitä mieltä olette asiasta?
- Eläkeikä nousee 70 vuoteen. Joudunko palaamaan työelämään?Nyt se on sitten päätetty, että eläkeikä Suomessa nostetaan 70 vuoteen. https://www.is.fi/politiikka/art-2000012324133.html Pääsin 67 vuotiaana eläkkeelle viime syksynä. Tarkoittaakohan tämä, että joudun palaamaan takai…
- Moi kulta😍Eikös se ollut marraskuuta kun se meidän "flirttailu" alkoi silloin vuosia sitten? tarkoitan lähinnä niitä pitkiä katseita 🤩☺️ Kohta on siis maata mullistavien katseiden vuosipäivä 😘🤭
- Perussuomalaiset nostamassa eläkeiän 70 vuoteenRiikka Purran johtama valtiovarainministeriö haluaa nostaa eläkeiän 70 vuoteen ja taloutta sopeutettaisiin ensi vaalikaudella 8–11 miljardilla eurolla. Perussuomalaisten johtama ministeriö ilmeisesti arvelee, että seits…
- Nyt on nytTurha miettiä menneitä tapahtumia. Niitä ei saa tekemättömäksi. Tärkeintä on mitä tekee nyt ja tulevaisuudessa. Korjausliikkeetkin voi tehdä jos niihin tuntee tarvetta. Paluu tulevaisuuteenkin voi olla mahdollinen jos v…
- Kadutko mies?Silloin kuin vielä yritin lähestyä, etkä tarttunut siihen. Asioista pitäisi voida aina keskustella.
- Kyllä mulla oli tunteita sua kohtaan,mutta voit syyttää ainoastaan itseäsi, että en tehnyt mitään asian eteen. Se on ihan turhaa sinun miettiä, että miksi.
- Niin haluaisin sut nähdä ja jutella!🙂
- Onko tällainen kuvio teistä okOnko tällainen kuvio teidän mielestänne ihan normaali ja hyväksyttävä? Nainen seurustelee miehen kanssa, mutta pitää samaan aikaan läheistä yhteyttä toiseen mieheen kertomatta tälle toiselle, että on parisuhteessa. Tämä…
- Nyt kun kaikki on ohiToivon, että sulla menee hyvin ja pystyisin sinut kokonaan unohtamaan. Joskus on vaikeita hetkiä ja olen tosi pahoillani, miten sinua loukkasin ja loukkaan yhä. Se täytyy saada loppumaan.
- Tunnut niinKaukaiselta jo.
- Pussaisitko mihinKohtaan?
- Hyvää huomentaEräälle Naiselle ❤️🩹
- Empaattiset ihmisetOnko empaattiset ihmiset, etenkin naiset antavaisempia, kun ns. tavikset? Kaverin puolesta kysyn Oisko niinku mahkui?
- Jos haluat viestin...Olen vielä tämän illan palstalla. Laita halutessasi vinkki, sinä komea keski-ikäinen mies 😗
- TTK-juontaja Veronica Verho lataa suorat sanat tatuointien arvostelijoille: "Mä toivoisin, että..."Veronica Verho juontaa Tanssii Tähtien Kanssa -ohjelmaa yhdessä Ernest Lawsonin kanssa. Yksi puhuttaneimmista aiheista on ollut, miten suosikkijuontajan näyttävät tatuoinnit sopivat ohjelman pukuohjeistukseen ja tullaa…
- Tikusta asiaaMistä ihmeestä minä keksin sulle edes jotensakin järkevää asiaa parn lauseen verran... anna joku idea että kehtaan lähestyä. -töistä tuttu mies
- Et nosta minua ylösOk ei se mitään. Vajoan syvempiin vesiin💔
- Tuntuu kuin olisin vaimosiSe on erikoista se.
Vastaukset 13
Vanhimmat
On mahdollista.
Hienoa. Seuraavaksi tarvisin jotain linkkiä mistä saa lisätietoa tai esimerkkiä...
Nämä (W3Schools How To) sivut ovat erittäin hyviä, ja esimerkkejä joka ainoasta ohjeesta, tuskin jää mitään epäselväksi kun uhraa aikaansa riittävästi. Kuuluvat niihin kirjanmerkkisivuihin.
VASEMMASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideright
OIKEASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideleft
Eihän tuo ole ollenkaan sitä mitä aloittaja tarkoittaa.
No mitä se aloittaja tarkoittaa, kerro tarkasti.
No lue se aloitus edes. Sitä vain vastaillaan eikä edes ymmärretä mitä aloittaja kysyy.
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/
Aika lailla saman saa tuosta W3Schools How To esimerkistäkin, kun tekstin vaihtaa kuvaan.
https://www.w3schools.com/code/tryit.asp?filename=GF8P6ZLT2XGL
Ai niin, sinulla olikin yhdistettynä molemmat, no ei se sitten ole "Aikalailla sama".
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.
Näppärä kaveri, vaikka olen sitä minäkin.