наверх


Не каждый знает, как правильно сделать округления в таблице. А ведь есть разные методы, и через JS, и через JQeury. Однако, стоит учесть, что округления можно легко сделать через CSS.
18 пїЅпїЅпїЅпїЅпїЅпїЅ, 10:02 0 пїЅпїЅпїЅпїЅ.


Делаем красивый вид всплывающих изображений при наведении. Все довольно таки просто, используются лишь псевдокласс при наведении, свойство максимальной ширины, прозрачность.
18 пїЅпїЅпїЅпїЅпїЅпїЅ, 09:58 1 пїЅпїЅпїЅпїЅ.


К сожалению, не все знают, как правильно отцентрировать элемент на веб-странице, используя лишь CSS свойства и HTML разметку. А ведь это так просто!
18 пїЅпїЅпїЅпїЅпїЅпїЅ, 09:53 0 пїЅпїЅпїЅпїЅ.


Давайте создадим красивый фон для блока, чтобы смотреть на него было приятно, да и еще без использования графических файлов! Думаете, это невозможно? Да нет, возможно, да и еще выглядит будет, как изображение!
17 пїЅпїЅпїЅпїЅпїЅпїЅ, 21:53 0 пїЅпїЅпїЅпїЅ.


Не каждый знает, как сделать округления у элемента и многие отправляются за этим к фотошопу, что не совсем будет верно. Ведь для этого случая существуют специальные CSS свойства.
17 пїЅпїЅпїЅпїЅпїЅпїЅ, 21:49 0 пїЅпїЅпїЅпїЅ.


Изначально HTML ссылка выглядит не особо примечательно. А чтобы сделать её привлекательной, то тут стоит постараться. Данный вид оформления ссылок отлично подойдет для темных дизайнов, а для светлых, то тут придется переделывать.
17 пїЅпїЅпїЅпїЅпїЅпїЅ, 21:46 0 пїЅпїЅпїЅпїЅ.


Оригинальный пример обманки. Пользователю кажется, что на странице несколько ссылок, но на самом деле это не так, ссылка лишь одна. Пользователю это становится понятным, лишь когда он наводит на одну из ссылок.
17 пїЅпїЅпїЅпїЅпїЅпїЅ, 21:42 0 пїЅпїЅпїЅпїЅ.


Создать уголок у блока не так просто, ведь для этого стоит постараться. Конечно, можно не парится и сделать уголок через графический редактор, но ведь через CSS будет намного интереснее и удобнее!
17 пїЅпїЅпїЅпїЅпїЅпїЅ, 21:39 0 пїЅпїЅпїЅпїЅ.


Если вручную задавать каждому типу тега <input> свой класс, то выйдет довольно таки долго. Хорошо, что есть возможность автоматической выдачи свойств определенному типу, через CSS.
17 пїЅпїЅпїЅпїЅпїЅпїЅ, 21:34 0 пїЅпїЅпїЅпїЅ.


Делаем не просто размытый текст, а с красивым эффектом появления каждой буквы. Конечно, в связке с псевдоклассом :hover
17 пїЅпїЅпїЅпїЅпїЅпїЅ, 21:30 0 пїЅпїЅпїЅпїЅ.


Делаем кнопку ссылкой или украшиваем ссылку под кнопку, а так же, как сделать, чтобы фон у кнопки был тоже ссылкой.
17 пїЅпїЅпїЅпїЅпїЅпїЅ, 21:27 0 пїЅпїЅпїЅпїЅ.


Интересный пример создания фона для обычного HTML тега <hr>. Теперь он не будет таким однообразным и скучным.
17 пїЅпїЅпїЅпїЅпїЅпїЅ, 21:24 0 пїЅпїЅпїЅпїЅ.


Форма поиска на сайте является одним из главных элементов сайта. А чтобы её было не стыдно показать, то стоит её красиво оформить...
17 пїЅпїЅпїЅпїЅпїЅпїЅ, 21:19 0 пїЅпїЅпїЅпїЅ.


Таблица-зебра - это такая таблица, в которой после каждой строчки изменяется цвет фона строки. То есть, к примеру, белый-черный-белый-черный... Это то и сделаем, используя лишь CSS.
17 пїЅпїЅпїЅпїЅпїЅпїЅ, 21:14 0 пїЅпїЅпїЅпїЅ.


Для создания тени в CSS существуют специальные свойства. Однако, они не работают в некоторых старых браузерах. А если надо создать тень, применяя лишь CSS, то приходится использовать свойство border.
17 пїЅпїЅпїЅпїЅпїЅпїЅ, 21:11 0 пїЅпїЅпїЅпїЅ.