suapvalinimas paveikslelio kampu su css

Sveiki, gal kas zinot kaip padaryt apvalius kampus naudojant css?? pvz kodas butu toks:

<img src='downloads/images/".$data['download_image']."' width='200' height='225' />

ir man reiktu kad auto padarytu apvalius kampus

Sveiki, gal kas zinot kaip padaryt apvalius kampus naudojant css?? pvz kodas butu toks:

 

<img src='downloads/images/".$data['download_image']."' width='200' height='225' />

 

ir man reiktu kad auto padarytu apvalius kampus

img { border-radius: 20px; }

Su border-radius gali naudoti border-corner-shape.

img { border-radius: 20px; border-corner-shape: scoop; }

-

http://codepen.io/anon/pen/AqrxJ

Tavo pvz. su klaidom :) Beja border-radius prefix'sai nereikalingi.

<img src='downloads/images/".$data['download_image']."' width='200' height='225' style='border-radius:6px' />

arba css faile

 

img {
  border-radius: 6px;
}

CSS stiliai visada turi būti CSS faile :D

Tavo pvz. su klaidom :) Beja border-radius prefix'sai nereikalingi.

 

 

 

CSS stiliai visada turi būti CSS faile :D

Kame bėda?

Taip, dabar prefiksų nebereikia, bet jų įtraukti neskauda.

http://caniuse.com/#feat=border-radius

-

Kame bėda?

 

Taip, dabar prefiksų nebereikia, bet jų įtraukti neskauda.

http://caniuse.com/#feat=border-radius

Prefix'sų nereikia naudoti, -ms ir -o visai nenaudojami (http://caniuse.com/border-radius) :) Beja darant efektus su CSS3 pirma reikia naudoti stilius su prefix'sais, o tada be prefix (tik fallback visada turi būti viršuje ):

img {-webkit-border-radius: 15px; border-radius: 15px; }

Tai žinoma, kad turėtų būti css faile, tam ir parašiau antrą kodą. O pirmu kodu galima pridėti nekeičiant kitų failų, tiesiog tame pačiame kode, kurį parašė temos autorius.

Na tada, gal dar pradėkit JavaScript naudoti CSS failuos... :D

Prefix'sų nereikia naudoti, -ms ir -o visai nenaudojami (http://caniuse.com/border-radius) :) Beja darant efektus su CSS3 pirma reikia naudoti stilius su prefix'sais, o tada be prefix (tik fallback visada turi būti viršuje ):

img {-webkit-border-radius: 15px; border-radius: 15px; }

O kokia nauda iš to? Aš visada įsivaizduodavau, kad standartizuotas elgesys lai eina viršuje, o visos kitos nesąmonės – jau po to.

O kokia nauda iš to? Aš visada įsivaizduodavau, kad standartizuotas elgesys lai eina viršuje, o visos kitos nesąmonės – jau po to.

Esmė tame, kad jūs nelabai suprantat kaip veikia CSS :)

PVZ. :

div { background-color: red;  background-color: pink; } 

Koks tavo manymu bus div background-color? :D

ATS: Tas kuris bus paskutinis. Taip yra ir su prefix'sais, todėl savybės be prefix'sų, visada turi būti apačioje.

-

Mažiau kabinėkis prie smulkmenų. Paprastiems tinklalapiams viską rašau į css failą, tačiau kartais to nepakanka, kai norima sukurti kažką dinamiško, todėl tenka naudoti JS ir style.

Siūlau pasižiūrėti:

Klaida yra

img {
💩;
}

(tikrai, patikrinau!), o ne prefiksų išdėstymas, kai jie daro tą patį (arba tokie properčiai išvis neegzistuoja). Jei nedaro, o jau nuėmė prefiksą, tokią naršyklę – tiesiai į šiukšlyną.

Klaida yra

img {
   ��;
}

(tikrai, patikrinau!), o ne prefiksų išdėstymas, kai jie daro tą patį (arba tokie properčiai išvis neegzistuoja). Jei nedaro, o jau nuėmė prefiksą, tokią naršyklę – tiesiai į šiukšlyną.

Tu teisus šiuo atveju jie veikia ir daro tą patį, bet taip būną ne visada. :) Siūlau pasiskaityti kokią nors naują CSS knygą arba rimtą tutorial'ą, tuomet pamatytum, kaip iš tikro yra daroma ir kodėl taip yra geriau. :) Beja, tų prefix'sų rašymas prisideda prie puslapio krovimo laiko, ypač jai CSS failai labai dideli ir visur naudojami prefix'sai.

Todėl jai yra standartizuotos taisyklės, tuomet jas geriau ir naudoti. Visi tie stiliai su prefix'sais yra eksperimentiniai ir dažnai turi klaidų. :)

EDIT:

Jai nežinai kokius prefix'sus ir kur naudoti, tam yra JavaScript.... :)

• http://lea.verou.me/prefixfree/

Geriausias būdas dirbti su CSS yra LESS, SASS ir COMPASS :)

Nepamirškit prieš border-radius pridėti ir -moz-border-radius bei -webkit-border-radius.

mantys89, siūlyčiau neapsimetinėti css guru, pakol pats nesupranti kaip jis veikia :) tipo kažką tep-lep žinai, bet visumoj - rašai nesąmones.