Világ wordpress lekerekített sarkok nélkül képek, a világ a wordpress
Különböző chips és technikák CSS és mindig felkeltette a figyelmemet. Köztük van is egy módja annak, hogy blokkolja a sarkok kerekítés nélkül, grafika.
Nagyon tetszett ez a megközelítés, de az egyetlen dolog, ami visszatartotta az alkalmazásának technikák - mint például szög nem tűnik simának (igen, ez az, ahogy én válogatós :). És ez nem volt, ezért úgy döntöttem, hogy menjen a végére, javított verzió.
Tehát a feladat az, hogy végre a CSS Itt van egy doboz, teljesen használata nélkül a kép:
Fokozott látószöget a következő:
Én teljesen azonos verzió CSS. Alapján került sor a korábban javasolt változata. Ha további pixelek, amelyek a sarkok simított, szoktam több beágyazott címkéket. amelyek mindegyike egy betű (b. i. q). Ez lehetővé teszi, hogy optimalizálja a HTML-kódot. HTML
CSS - ez nagyszerű!
Az eredmény egy meglehetősen csúnya design, hogy a „szaga” a perverzió, de kész vagyok feláldozni ezt a lehetőséget, hogy képek nélkül. Ha összehasonlítjuk a méret a HTML-kódot a „unsmoothed” opciót, a különbség nem jelentős.
Összehasonlításképpen, 3 változat példákat látni a probléma megoldásának a sarkok kerekítés: képekkel, egyszerű kerekítési CSS és simított görbét.
Amit ennek eredményeképpen:
- érvényes kódot CSS és HTML-t;
- Határon böngésző kompatibilitási kódja;
- lekerekített sarkok használata nélkül grafikonok;
- sarkok simítjuk.
Árnyoldala ez a modell érdemes megjegyezni, csak nem szemantikus jelölés és a kód mérete, ami IMHO, nem jelentős.