- A Watch7-tel debütálhat a Samsung vércukormérője
- Fotók, videók mobillal
- iPhone topik
- Garmin Forerunner 165 - alapozó edzés
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Telekom mobilszolgáltatások
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- Bemutatkozott a Redmi új szériája
- Oppo Find X5 Pro - megtalálták
- Bluetooth-headsetekről általában
Hirdetés
-
Olcsó 5G-s ajánlatot nyújt a Realme Indiának
ma Megérkezett a Realme C65 5G, az első készülék a MediaTek Dimensity 6300-zal.
-
Igencsak szerény méretekkel rendelkezik az Aetina Xe HPG architektúrás VGA-ja
ph Az 50 wattos modellt beágyazott rendszerekbe, MI-vel kapcsolatos munkafolyamatokhoz és edge applikációkhoz szánták.
-
AMD Radeon undervolt/overclock
lo Minden egy hideg, téli estén kezdődött, mikor rájöttem, hogy már kicsit kevés az RTX2060...
Új hozzászólás Aktív témák
-
honda 1993
senior tag
válasz Sk8erPeter #1900 üzenetére
Ajj máár.
Látod azt nem tudtam hogy erre a célra csak media queriket lehet alkalmazni.
Ahogy a múltkor említettem, én egy link segítségével próbálkoztam.XD alias IKSZDé
-
DNReNTi
őstag
válasz honda 1993 #1901 üzenetére
Hát most ha csak külön mobil nézetet akarsz, megoldható hasonlóan mint itt PH!-n, egy aldomainen. Így elkerülheted a media query-k alkalmazását, de tekintve, hogy hány fajta mobil kijelző méret van, akkor is responsive-re kell írnod a mobil verziót. Akkor meg már sokkal egyszerűbb a layout-ok között váltani media query-vel, mint azt ellenőrizni, hogy az user épp milyen eszközről lépett be, és esetleg átdobni a mobilos aldomainre.
Összegezve az elmúlt hozzászólásokat:
A legjobb, legegyszerűbb, legmodernebb, legkézenfekvőbb megoldás a media query-k használata.but without you, my life is incomplete, my days are absolutely gray
-
Sk8erPeter
nagyúr
válasz honda 1993 #1901 üzenetére
"én egy link segítségével próbálkoztam"
Ezt hogy érted?Egyébként igazából nem értem, mi a probléma, nem értem, hogy miért akarsz feltétlenül mást használni, mint a media query-ket, kerülöd a problémát innen-onnan, aztán előbb-utóbb úgyis rájössz, hogy az fog kelleni, és akkor már értelmesebb lenne eleve azzal kezdened, főleg, hogy már összességében többszáz hsz.-t produkáltunk a témában neked válaszul, a moderátor által töröltekkel együtt biztosan.
Sk8erPeter
-
honda 1993
senior tag
válasz Sk8erPeter #1903 üzenetére
Igen, valahol én is sejtem hogy kelleni fog.
Csak olyan jó lenne elkerülni mert nem teljesen vágom a témát.[ Szerkesztve ]
XD alias IKSZDé
-
Sk8erPeter
nagyúr
válasz honda 1993 #1904 üzenetére
De konkrétan mi az, amit nem vágsz rajta? Ha csak a felbontásokra nézzük, akkor egyszerű példával élve annyit mondasz egy-egy feltétel meghatározásával, hogy ekkora szélességre így nézzenek ki ezek és ezek az elemek, akkora szélességre meg úgy, egy tök másik szélességre megint másképp... például ebben is segítenek a media query-k, így tudod elintézni, hogy különböző felbontással (vagy egyéb paraméterekkel) rendelkező eszközökkel megnézve az oldalt (vagy amikor más paraméter teljesül) is élvezhető legyen az egész.
Meg még sok más paramétert is lehet említeni, amikről korábban szó volt (színmélység, blabla; meg lehet simán megtekintéshez ilyen, nyomtatáshoz meg amolyan stílust alkalmazni az oldalra, stb.).
Szerintem bonyolultabbnak gondolod ezt az egészet, mint amilyen.Leegyszerűsítve ennyiről szól az egész: csinálsz egy-egy blokkot, amiknek a fejlécébe egy-egy feltételt teszel (a feltételek tetszés szerint kombinálhatók logikai ÉS-, VAGY-, ill. NEM-kapcsolattal), ha ezek a feltételek teljesülnek, akkor a böngésző az abban a blokkban szereplő stílusdefiníciókat érvényre juttatja. Ha a feltételek nem teljesülnek, akkor egyszerűen ignorálja őket.
[ Szerkesztve ]
Sk8erPeter
-
adam_
senior tag
Sziasztok!
Ha egy oldal elkészült, egyszerűen teszteljem le minél több browseren / displayen, hogy hogyan néz ki rajta az oldalam? Vagy mi a "best practice"? Gondolok itt olyanokra, hogy pl. hogy ugyan ha szorgosan írogattam a prefixeket, hogy ne legyen kompatibilitási hiba a különböző böngészőknél, de mivan ha mégis valamit valahol kifelejtek? Nem létezik erre valamilyen oldal, ahova ha beillesztem a kódom, az magától korrigálja az adott kódot (etc. prefixekkel ellátja ahol kell), hogy a legtöbb böngészőnél szépen lehozza az oldalam?
Egy ilyet találtam, bár még nem ismerkedtem meg vele jobban, ez pl. arra szolgálhat? Mert ahogy olvastam, ez egy post-proci, miben más a SASS / LESS kombó, az már az írás pillanatában korrigálja prefixekkel, vagy teljesen máshol kapizsgálok?
Előre is köszönöm az észrevételeket a szakmában lévőktől.
[ Szerkesztve ]
-
DNReNTi
őstag
Vannak erre tool-ok pl a BrowserStack. Sajna nincs ingyen, sőt egyenesen drága. Én IE 11,10, 9-en, Chrome, Firefox, Safari, és Opera legfrissebb verziókon tesztelek. Plusz Android böngésző és Chrome mobil. A problémák elkerülésére ott a CanIUse. Ha egy ritkábban használt, vagy újabb attribútumot használsz nézd meg milyen függőségei vannak, ha vannak és úgy használd. Így nem lesz gond.
A preprocessoros kérdést nem teljesen értem.
A SASS / {LESS} jóval többre képes attól, hogy prefixeket rak.but without you, my life is incomplete, my days are absolutely gray
-
honda 1993
senior tag
Sziasztok.
Ezzel mi lehet a baj?
@media screen and (max-width: 600px) {
#page {
background-color: red;
font-size: 16px;
}
.img_container { widht: 200px; height: 145px;}
}Azt akarom elérni hgy ha mobilról nézik az oldalt, akkor a fenti kódban lévő dolgok legyenk érvényben.
A background-color: red; csak próba képpen került bele, ( eddig működik.)
Tehát ha telefonról nézem az oldalt akkor a #page piros lesz.A többi tulajdonság viszont valamiért nem érvényesül. Azt szeretném ha mobilról pl eleve nagyobb betűméret lenne a #page-en belül mindenhol. ( Ezért van ott a font-size: 16px;
illetve az img_container is nagyobb kellene hogy legyen valamivel mint ahogy alapból jelenik meg telefonról. ( gépről 3 van belőlük egymás mellett, de telefonról csak kettesével lesznek egymás mellett)
Viszont valamiért nem tudom működésre bírni ezeket, csak a piros színű #page működik.
Valaki tudja hogy mi lehet a baj?
Érdekesség még hogy ha azt mondom hogy #page {
width: 100%
}
akkor az egész oldal szétcsúszik és össze vissza van minden.[ Szerkesztve ]
XD alias IKSZDé
-
adam_
senior tag
válasz DNReNTi #1907 üzenetére
Köszönöm szépen, így már nem lesz gond, ha én is tesztelek manuálisan. Amúgy az általam linkelt oldal nem ehhez hasonló amit küldtél, csak ingyenesbe?
Igen, a SASS / LESS kombóval majd még ismerkednem kell, mert nem igazán ismerem a funkcióit még. De ahogy javasoltátok, azzal ráérek csak később foglalkozni..
-
Sk8erPeter
nagyúr
válasz honda 1993 #1908 üzenetére
Tudod jól a kulcsszót... Biztos még kétszázszor le kell írni, hogy rögzüljön.
Amúgy ilyeneket, mint a widht, tényleg beleírsz a kódba? Tehát kimásoltad azt a kódrészletet, vagy ezt csak bepötyögted? Keresd a hibát a szóban! Csak mert ha szintaktikai hibákkal van tele a stylesheet - az is az, hogy nem zártad le a sort pontosvesszővel a hsz.-ed legvégén lévő kódrészletben -, akkor nem várható el, hogy jól működjön. Ilyenek miatt is érdemes tisztességes fejlesztőkörnyezetet használni, mert az szól a hibákért.[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
Amit linkeltél, biztos nem rossz, utólagos kiegészítések, javaslatok miatt használhatónak tűnik (bár nem teszteltem, csak az alapján, amit írnak az utófeldolgozó scriptről). Szóval simán használhatod ellenőrizgetésekre.
Amit DNReNTi linkelt, az teljesen más, az sok környezetben és eszközön teszi lehetővé az oldala(i)d tesztelését, hogy megtudd, azokon hogy néz ki, anélkül, hogy fizikailag rendelkezésedre állnának ezek az eszközök.Sk8erPeter
-
honda 1993
senior tag
válasz Sk8erPeter #1910 üzenetére
"Amúgy ilyeneket, mint a widht, tényleg beleírsz a kódba? Tehát kimásoltad azt a kódrészletet, vagy ezt csak bepötyögted? Keresd a hibát a szóban! "
Én észre sem vettem elősször, csak amikor írtad hogy "Keresd a hibát a szóban!"
XD alias IKSZDé
-
honda 1993
senior tag
Sziasztok.
Az oldalamon majdnem minden menüpontban vannak img_containerek, ezek alá pedig egy pár soros összefoglaló szöveget írok.
Az a probléma, hogy ha az egyik img_container alatt mondjuk 5 sornyi szöveg van, a többi alatt pedig 6 soros, akkor az egyik img_container egy picit elcsúszik a többihez képest.Nem tudjátok hogy ezt hogyan lehetne kiküszöbölni?
.img_container {
display: inline-block;
left: 50px;
margin-left: 40px;
margin-top: 50px;
width: 230px;
height: 175px;
max-width: 230px;
max-height: 175px;
padding: 0;
position: relative;
.img_container img {
width: 230px;
height: 175px;
max-width: 230px;
max-height: 175px;
border: 2px #A9A9A9 ridge;
}
.img_container a {display: block;}
.img_container p {
margin: 0 auto;
}Ez volna a hozzá tartozó css kód.
[ Szerkesztve ]
XD alias IKSZDé
-
Sk8erPeter
nagyúr
válasz honda 1993 #1913 üzenetére
Nem, nem tudjuk jsFiddle-példa nélkül. Kíváncsi vagyok, eljön-e az az idő, amikor ezt megtanulod.
Most komolyan, ebből csak annyit lát szerintem a legtöbbünk, hogy egy halom kód, és a franc fog elgondolkozni rajta demó nélkül. Tőlünk meg nyilván nem várhatod el, hogy majd saját kis környezetünkben valahogy teszteljük, mert az nekünk kerül időbe, amit te lespóroltál magadtól.Sk8erPeter
-
honda 1993
senior tag
válasz Sk8erPeter #1914 üzenetére
Azt hittem hogy ti már annyira profik vagytok hogy így is tudni fogjátok.
Most megint nem vagyok otthon estig, de akkor ha hazaértem rögtön küldöm. Jsfiddle példát.XD alias IKSZDé
-
Sk8erPeter
nagyúr
válasz honda 1993 #1915 üzenetére
Akkor az előbbi kódot hogy küldted, ha nincs elérhető közelségben a kódod?
Amúgy lehet, hogy ha akarnánk agyalni rajta, rájönnénk, de nem akarunk, nekünk is véges a szabadidőnk, amiből X időt akarunk a fórumon tölteni, gondolom belátod, hogy nem feltétlenül a kódod kibogarászása a legszórakoztatóbb tevékenység.Sk8erPeter
-
honda 1993
senior tag
válasz Sk8erPeter #1916 üzenetére
Azelőtt küldtem hogy elindultam volna.
Esti tagozaton tanulok és most kb este 8-ig nem vagyok otthon.[ Szerkesztve ]
XD alias IKSZDé
-
honda 1993
senior tag
válasz Sk8erPeter #1916 üzenetére
Nos, próbálkoztam egy [jsFiddle] példa elkészítésével, de sajnos nem egészen úgy néz ki mint nálam.
Elősször is nem tudom hogy képet hogyan lehet itt beszúrni, ráadásul a jsfiddle-ben a szöveg sem az img_container alatt van hanem mellette.
XD alias IKSZDé
-
Sk8erPeter
nagyúr
válasz honda 1993 #1918 üzenetére
Hát ez kellemetlen. Ha majd sikerül, szólj.
A kitöltőképek beszúrására (hogy ne látsszon a ronda ikon, hogy nem elérhető a képed) ajánlom ezt:
http://placehold.it/"Elő
sször is nem tudom hogy képet hogyan lehet itt beszúrni"
Na ne... Próbálkozz erősebben.[ Szerkesztve ]
Sk8erPeter
-
honda 1993
senior tag
válasz Sk8erPeter #1919 üzenetére
De akkor sem világos hogy ha nálam a szöveg az img_container alatt van, akkor itt miért nem?
Az a baj hogy így nem tudom megmutatni hogy mi a problem az oldalamon.Ha pedig most átszerkesztem a kódot hogy a jsfiddle is úgy mutassa ahogy nálam jelenik meg, akkor pedig más lesz a forráskód mint ami nálam van, az pedig nyílván nem célra vezető.
XD alias IKSZDé
-
DNReNTi
őstag
válasz honda 1993 #1920 üzenetére
Valami ilyesmi a cél?
Egyébként ne vedd bántásnak, inkább tanács: kicsit odafigyelhetnél a kódodra. Most is olyan alap hiba volt benne, hogy elképesztő, bár nem az volt az eredeti probléma okozója. Több hónapnyi tanulás után már nem kéne előfordulnia, hogy lehagyod a záró tag-et egy CSS definíció végéről.
Az eredeti problémára pedig a vertical-align attribútum használata a megoldás.
but without you, my life is incomplete, my days are absolutely gray
-
DNReNTi
őstag
válasz Sk8erPeter #1922 üzenetére
Azazaz... arra gondoltam.
but without you, my life is incomplete, my days are absolutely gray
-
honda 1993
senior tag
válasz Sk8erPeter #1922 üzenetére
Mindent használni fogok meg minden.
Csak azért nem reagálok a válaszaitokra mert dolgozok az oldalon.Mindent köszi mindenkinek, jelentkezem ha elkészültem.
XD alias IKSZDé
-
honda 1993
senior tag
Sziasztok.
Előre szólok hogy nem vagyok otthon, így nem tudok jsfiddle példát küldeni, így tehát csak egy elméleti kérdésnek szánom az alábbit.
Valaki a múltkor szólt hogy a containernek amiben az egész oldal van, nem szokás előre meghatározni a magasságát. Ez idáig oké, csakhogy az oldalamon valahol elég nagy mennyiségű tartalom van , de van olyan menüpont ahol még alig van valami.
És azok a menüpontok ahol kevesebb a tartalom, nagyon hülyén néznek ki.
Egészen pontosan úgy, hogy a container kb 100 px; magas amit gondolom el tudok képzelni hogy miként mutat.
Ugyanakkor ott ahol nagyobb mennyiségű tartalom van, majdnem minden jó, de mégsem mert egy bizonyos határ után "kifutok" a container alá.Szóval a kérdésem az volna hogy ezt ti hogyan szoktátok csinálni?
Mert én most előre megadtam neki egy jó nagy értéket magasságként de ez sem az igazi mert mindíg hozzá kell adni valamennyit ha már nem elég magas.XD alias IKSZDé
-
DNReNTi
őstag
válasz honda 1993 #1926 üzenetére
Te magad meg is válaszoltad a saját kérdésedet.
Eccerű logika. Ha az elemeidbe random mennyiségű tartalom kerül, akkor az elemek magassága is random lesz. Értelemszerű tehát, ha megadsz egy fix magasságot, akkor lesz amikor a tartalom nem tölti ki, illetve lesz amikor a tartalom kifut az elemből. Folyománya: random tartalomhoz hülyeség fix magasságot állítani. (Most figyelmen kívül hagyva, hogy lehet scroll-t beállítani az elemekre, ami szerintem roppant igénytelen 90-es éveket idéző megoldás.)but without you, my life is incomplete, my days are absolutely gray
-
honda 1993
senior tag
válasz DNReNTi #1927 üzenetére
Igen, az világos hogy nemnjó ha fix magasságot adok neki, DE...
Ha nem így teszek, akkor viszont azon menüpontok amelyekben sokkal kevesebb elem vagy karakter van, előfordul hogy csak 100-200px; magas container van.Ez pedig nagyon ronda. Ezzel nem lehet valamit kezdeni?
XD alias IKSZDé
-
DNReNTi
őstag
válasz honda 1993 #1928 üzenetére
Dehogynem, kb ugyanannyi tartalmat raksz bele és akkor kb egyformák. Most amúgy kicsit meg vagyok zavarodva. Egy menüben egyáltalán minek van ennyi cucc?
but without you, my life is incomplete, my days are absolutely gray
-
honda 1993
senior tag
válasz DNReNTi #1929 üzenetére
Van olyan menüpont ahol MÉG nem nagyon van semmi, majd csak akkor kerül oda is több dolog amikor már hosszabb ideje üzemel az oldal.
Amúgy az jutott eszembe hogy mi lenne, ha adnék neki egy min-height: 1500px;-t?
És így elméletileg orvosolnám a problémát, de ezt majd holnap ki is próbálom.[ Szerkesztve ]
XD alias IKSZDé
-
DNReNTi
őstag
válasz honda 1993 #1930 üzenetére
Látatlanba nem tudok mit mondani. De komolyan kíváncsi vagyok mifajta menü az ami 1500px magas. Szóval ha más nem egy jsfiddle-t pattints majd fel.
but without you, my life is incomplete, my days are absolutely gray
-
honda 1993
senior tag
válasz DNReNTi #1931 üzenetére
Nem a menu 1500px; magas XD.
Én a containerről beszélek.Pl : főoldalon viszonylag sok elem van, így a container normálisan néz ki.
De ha átmegyek egy másik menüpontra, ahol kevesebb elem van a CONTAINERBEN, akkor ott a container sokkal, sokkal "alacsonyabb"
Ezt úgy képzeld el hogy pl a főoldalon kb 1500px; magas lehet a container, de a másik menüpontban ahol kevesebb elem van elhelyezve, ott kb olyan 200px; lehet a container magassága.
Ez pedig úgy néz ki mintha abban a menüpontban a container helyén egy vastag fehér csík lenne.Nem tudom máshogy mondani.
XD alias IKSZDé
-
DNReNTi
őstag
válasz honda 1993 #1932 üzenetére
Bevallom egyre inkább nem értem. Szóval majd ha látom okosabb leszek.
but without you, my life is incomplete, my days are absolutely gray
-
Sk8erPeter
nagyúr
válasz honda 1993 #1932 üzenetére
Igen, ilyenkor az a megoldás, hogy adsz egy min-height tulajdonságot a fő tartalmazó elemnek, hogy ne nézzen ki olyan bénán, hogy csak egy kis vékony csík látszik a helyén. De az 1500px igen erős túlzásnak tűnik, akkor meg azért néz ki hülyén, mert van egy óriási rész még a tartalom alatt, amihez tök fölöslegesen scrollozni kell mondjuk egy kisebb kijelzőn...
A menü amúgy oldalt van vagy fölül?
(#1933) DNReNTi:
Arról beszél, hogy van egy olyan menüpont, ahol mondjuk csak egy mondatnyi tartalom van. Ekkor meg az őt körbeölelő tartalom is nagyjából akkora, mint az az egy mondat, és így a hátterével együtt olyan, mint egy vékony csík (a többi menüpontban több tartalom van, így azok nem néznek ki hülyén). Na és azt akarja, hogy kicsit jobban kitöltse a teret az ilyen kevés tartalommal levő részeken is a fő konténerelem háttere, hogy ne legyen ezeken a helyeken ilyen csíkszerű, szóval meg kell növelni a min-height-et, azt' kész.[ Szerkesztve ]
Sk8erPeter
-
honda 1993
senior tag
válasz Sk8erPeter #1934 üzenetére
Értem, akkor valszeg majd csak 800 lesz a min-height.
Egyébkent tényleg ennyire érthetetlenül fogalmazok?
Mert szerintem máshogy aligha lehetne az előző kérdést megfogalmazni.Vagy lehet hogy az a baj hogy nem szak kifejezéseket használok? .
XD alias IKSZDé
-
_ak_
addikt
válasz honda 1993 #1932 üzenetére
Rögzített lábjegyzet, avagy a fixed footer: [link] Kezdésnek jó lesz talán. Vagyis tudja fene, itt részletesebben le van írva a szükséges markuppal, csak hát sok az angol szöveg.
Uhh, időcsapdába kerültem, az előbb még nem volt válasz.
[ Szerkesztve ]
Let's begin, de gozaimasu!
-
_ak_
addikt
válasz DNReNTi #1937 üzenetére
Szólítsatok csak suttogónak.
Másra amúgy nem tudok gondolni, ha nem ez lenne az...illetve, hogy ponstosabb legyek, nem fixed, hanem sticky footer kell valószínűleg. Gondoltam csak segítek elindulni, de most már kíváncsi vagyok a produktumra.
honda: sticky footer
Let's begin, de gozaimasu!
-
Sk8erPeter
nagyúr
Ha valaki meg szeretné tanulni a Bootstrap használatát, akkor ez egy egész fasza oktatóanyag videóval és gyakorlati feladatokkal:
https://www.codeschool.com/courses/blasting-off-with-bootstrap
Ez sztem nyugodtan linkelhető kezdőknek, vagy annak, aki stabilabbá szeretné tenni az alapokat, és/vagy lusta a doksit végigolvasni, amennyit végigkattintgattam belőle, az alapján elég jól ki van találva az anyag. (Haladóknak fölösleges végignyomni, amik itt vannak, azok tényleg az alapok.) Persze angoltudás kell hozzá.[ Szerkesztve ]
Sk8erPeter
-
_ak_
addikt
válasz Sk8erPeter #1940 üzenetére
Csak azért gondoltam, mert hát mi más lenne csúnya, hogy ha nincs tartalommal feltöltve az oldal, mintsem a lap tetején ékeskedő footer. Remélem lehull a lepel erről a kérdésről, most már én is kíváncsi vagyok.
Más.
Épp nézek egy tutorialt és kettő dolgot is furcsállok.
Egyrészt a színeket végig hsl(a)-ban adja meg a fejlesztő, másrészt ezt és betűméretek is duplán deklarálja "fallback" ként a szokványos egységekkel.Magyarul pl:
font-size: 10px;
font-size: 1rem;Ennek lenne bármi jelentősége manapság?
Illetve érdemes akármennyire is foglalkozni a hsla-val vagy tök felesleges?szerk.: na jó, talán az IE8 nem tudja mi az a rem...
Let's begin, de gozaimasu!
-
Sk8erPeter
nagyúr
Első felére: szerintem ez elég egyértelmű, hogy köze nincs a footerhez. Végig a .container osztállyal ellátott elemről beszél, tehát az érdemi tartalmat körbeölelő részről, ami ha el van látva egy háttérrel, de épp nagyon kevés a tartalom, akkor hülyén mutat, ha csak egy csíknyi részt foglal el az oldalból. Ergo a megoldás a min-height tulajdonság megadása/megnövelése. Ebből csak fura indirekciókon keresztül lehetne oda eljutni, hogy a footerrel lenne probléma...
Második felére:
Ha ilyen kérdések merülnek fel, akkor szerintem a Stack Overflow egy igen jó forrás, a kapott pontokból a legtöbb esetben lehet sejteni egy hozzászólás igazságtartalmát (még ha vannak helyenként csak reflexből upvote-olt hsz.-ek is, amik nem biztos, hogy annyi pontot érdemelnének, többnyire ez kevésbé jellemző), és általában mások összeszedik azt a tudásbázist, amit egyébként sok egyéb helyről kellene összekaparni.A px/em/rem problémával kapcsolatban itt van egy vonatkozó thread a sok közül:
http://stackoverflow.com/questions/11799236/should-i-use-px-or-rem-value-units-in-my-css
Még egy megközelítés:
https://j.eremy.net/confused-about-rem-and-em/[ Szerkesztve ]
Sk8erPeter
-
DrojDtroll
addikt
Van egy div-em, rajta border radiussal, azt szeretném megoldani, hogy ha a div felé húzom az egeret akkor a border radius megváltozzon, mondjuk 0.5s alatt. Azt nem tudom megoldani, hogy így maradjon addig ameddig rajta van az egér. Ebben kérnék segítséget.
Ami eddig meg van:
#menupont:hover{
-webkit-animation: linkanimation 0.5s;
animation: linkanimation 0.5s;
}
@-webkit-keyframes linkanimation {
from {border-radius: 25px 0px 25px 0px;}
to {border-radius: 0px 25px 0px 25px;}
}
@keyframes linkanimation {
from {border-radius: 25px 0px 25px 0px;}
to {border-radius: 0px 25px 0px 25px;}
} -
fordfairlane
veterán
válasz DrojDtroll #1944 üzenetére
Ötlet: Lehet, hogy inkább transitiont kéne használni. Bocs, nincs kedvem és energiám kódot összedobni, és kipróbálni a teóriámat.
x gon' give it to ya
-
DrojDtroll
addikt
válasz fordfairlane #1945 üzenetére
megpróbálom azzal
-
DNReNTi
őstag
válasz fordfairlane #1945 üzenetére
Ugy ugy. De telefonrol most en se kottazom be.
but without you, my life is incomplete, my days are absolutely gray
-
PumpkinSeed
addikt
válasz DrojDtroll #1944 üzenetére
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
CSorBA
őstag
válasz DrojDtroll #1944 üzenetére
Mert ide nem animation kell, hanem egyszerű sima transition.
div {
// saját propertyk
border-radius: 25px 0px 25px 0px;
transition: border-radius 0.5s ease-in-out;
}
div:hover {
border-radius: 0px 25px 0px 25px;
}Szerk.: Bocsi, nem vettem észre az előző hozzászólásokat.
Szerk2.: Jah azért nem vettem észre, mert másik topikból lett linkelve
[ Szerkesztve ]
Új hozzászólás Aktív témák
- Milyen billentyűzetet vegyek?
- Adatmentés - HDD - SSD - Flash
- Milyen NAS-t vegyek?
- A Watch7-tel debütálhat a Samsung vércukormérője
- Kerékpárosok, bringások ide!
- Magga: PLEX: multimédia az egész lakásban
- Házimozi belépő szinten
- PlayStation 5
- LG 34GS95QE-B: OLED paneles, ívelt gamer monitor
- Teljes verziós, ingyenes mobil játékok és alkalmazások
- További aktív témák...
- Philips 58PUS8545/12 1 ÉV GARANCIA Játék üzemmód
- Tyű-ha! HP EliteBook 850 G7 Fémházas Szuper Strapabíró Laptop 15,6" -65% i7-10610U 32/512 FHD HUN
- Bomba ár! HP EliteBook 840 G5 - i5-8G I 8GB I 128GB SSD I 14" FHD I HDMI I Cam I W10 I Gari!
- The Last of Us Part I Ps5
- Bomba ár! HP EliteBook 830 G6 - i7-8G I 8GB I 256GB SSD I 13,3" FHD I HDMI I Cam I W11 I Gari!