Напівпрозорі об’ємні округлі прямокутники, лише з CSS

Такий поширений об’єкт дизайну веб-сторінок, як бокс з округлими кутами і тінню, можна побудувати з CSS без використання зображень. Більше того, існує можливість контролювати рівень прозорості прямокутника, в той час як прозорість тексту в боксі не змінюватиметься. Використання даних атоматичних функцій значно полегшує редагування масштабу, та позбавляє від необхідності використання великої кількості зображень.

Читати далі

Склад та спосіб виготовлення графітних олівців. Показники якості.

Графітні художні засоби здаються найпростішими у використанні. Завдячуючи широкому застосуванню, графітні олівці з’являються поряд з серветками в продуктових магазинах, на прилавках газетних кіосків, тощо. Серед великої кількості товарів на будь-якого покупця, обирати графітні художні засоби для графіки необхідно орієнтуючись на показники якості матеріалу – вміст графіту, спосіб його виготовлення, оправу.

Купуючи графітні олівці для малюнку впевніться, що обрали м’які олівці з темним стержнем, позначені HB, F, B-B9, з кедровою оправою у формі циліндра або шестикутника.

Чому м’які олівці?

Стержні графітних олівців виготовляються з глини та обпаленого графіту. Рівень м’якості або твердості стержня залежить від кількості графіту в його складі. Чим більше глини, тим твердіше олівець, світліше слід, який він залишає на папері, і навпаки. Читати далі

Інтерактивні кнопки з CSS, без використання зображень

Графічні інтерактивні кнопки, які будуть міняти властивості в залежності від дій користувача, можна створити з CSS без використання зображень. На зразок:

CSS:

a {

display: block;

width: 6.6em;

height: 1.4em;

text-align: center;

text-decoration: none;

border: 1px solid #66a300;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius: 6px;

background-image: -webkit-gradient (linear, left top, left bottom, from (#abe145), to (#67a400)); (Для створення градієнта, діє в Safari)

background-color: #8cca12;

color: #fff; Читати далі

Найкращий папір для реалістичних малюнків графітним олівцем

Малюнок починається з вибору паперу. Найкращим для реалістичного зображення графітним олівцем, з мого досвіду, є папір з гладкою фактурою гарячого пресування, виготовлений з бавовни, на зразок картону Strathmore 500 Bristol Board. Популярним, для даного медіуму, є акварельний папір гарячого пресування, як Arches Bright White.

Чому гладкий папір?

Фактура паперу створюється за допомогою волокнистого матеріалу – деревини, бавовни, текстилю, скловолокна – і способом пресування між стальними валами, для створення різних варіацій полірування – глянець, галька, верже, мушля і т.д. Читати далі

Паралакс: панорамний фон з CSS

Що таке паралакс?

Зайдіть по посиланню silverbackapp.com. Якщо ви спробуєте змінити розмір вікна браузера, зелені ліани вгорі документа будуть рухатись з різною швидкістю, створюючи панорамний еффект.

Даний метод можна викорисати для “оживлення” фону сайта – для створення еффекту дощового неба, підводного простору тощо. Більше того, для його втілення використовується лише CSS код.

Перше зображення додається до тега body Читати далі