Stále sa stretávam s názormi, že CSS3 sú zbytočnosť, kopec prehliadačov ich nepodporuje a nie su ešte štandardmi. Opak je však pravdou. CSS3 vám uľahčia pracu, skrášlia Vám deň, či ste webdesigner alebo návštevník. Sú inovatívne, jednoduché a šetria veľkosť kódu. Dnes 95% css3 vlastností podporujú všetky prehliadače, až na Internet Explorer, samozrejme. Štandardmi síce ...
Možnosť prepínať medzi obsahom bez JavaScriptu? Áno.. Samozrejme, príklad je veľmi stručný, skúste sa s ním pohrať.
...Prezrieť CSS: #galeria {margin: 10px auto; float:left;} #galeria a { position: relative; float: left; width: 100px; height: 75px; margin: 30px;} #galeria img { width: 100px; height: 75px; padding:15px; border: 0; -moz-box-shadow: 1px 1px 7px #ccc; -webkit-box-shadow: 1px 1px 7px #ccc; -moz-transition: all 0.2s; -webkit-transition: all 0.2s;} #galeria img:nth-child(n+1) { -moz-transform: rotate(5deg) skew(0deg, 0deg); -webkit-transform: rotate(5deg) skew(0deg, 0deg); -o-transform: rotate(5deg) skew(0deg, ...
Tentokrat na css3art.dvp.sk - Asi takto bude v budúcnosti vyzerať profesionálne napísaný CSS3 kód
...Pred časom som tu uviedol príklad CSS3 vlastnosti text-overflow: ellipsis, ktorá v skratke štýluje dlhý text tak, aby uživateľovi vizuálne oznámil, že text má pokračovanie, resp. že sa nezmestí do DIVu. Je to veľmi dobrá vlastnosť, ktorá keby sa rozšírila medzi webdesignérmi, teoreticky by mohla nahradiť použitie PHP pre tento účel.
...Na stránke gozdeberberoglu.com sa objavil pekne vyzerajúci Volkswagen Camper v prevedení kaskádových štýlov, navýše s použitím css3 vlastnosti border-radius. ...
Multiple background sú pokročilé CSS3 vlastnosti pre prácu s grafikou a layoutom stánky. Dnes sa tvorí jednoduchý grafický layout s gradientom napríklad takto.. ...
Konzorcium W3 ma už pá rokov rozpracovnú vlastnosť pre CSS a to s názvom CSS Transforms. ...
CSS display: run-in ...
CSS3 - Box-shadow ...