Жизнь замечательных грибов
Каждый аз гуглю, когда нужно. Решил таки уж у себя сохранить 😉
|
1 2 3 4 5 6 7 |
body { background-image: url("../images/fone.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 100%; } |
Основная проблема «скругления», в получении кроссбраузерностни. Я использую следующий код, для «скругления»:
|
1 2 3 4 5 6 7 |
.round { border: 1px; border-style: solid; border-radius: 5px; -webkit-border-radius: 5px; } |
После чего, в HTML добавляем class=»round» для того элемента углы которого хотим «скруглить», например:
|
1 |
<img width=200 class="round" src="foto.jpg"> |
Пришлось помучатся сегодня с одинаковым отображением текста с подключаемыми шрифтами в IE, FireFox,Chrome. Очень пригодились онлайн конвертеры ttf2svg, ttf2eot и ttf2woff. Ниже приведен пример стиля ccs, который является кроссбраузерным:
|
1 2 3 4 5 6 7 |
@font-face { font-family: 'PTSansBold'; src: url('../fonts/9125527.eot'); src: local('☺'), url('../fonts/9125527.ttf') format('woff'), url('../fonts/9125527.ttf') format('truetype'), url('../fonts/9125527.svg#PTSansBold') format('svg'); font-weight: bold; font-style: normal; } |
Для того чтобы быстро создать меню в CSS без использования JavaScript есть сервис http://purecssmenu.com/
Пригодилось!