‘Уроки CSS’

login-form-final-result-ie8-590x324

Створення форми авторизації з використанням HTML5 та CSS3

Ми вже знаємо, що CSS3 надає багато нових можливостей для створення і впровадження різних веб-форм. HTML5 також відіграє велику роль у створенні зручніших форм без

794-better-button-css3-better

Створення “цікавої” кнопки із використанням CSS3

Сьогодні ми навчимося створювати цікаву кнопку за допомогою CSS3.  Намагаємося використовувати тег <button>, а не <input type = “submit” />, але, що б ви не обрали, стиль за замовчуванням буде залежати від вашої операційної системи.  Дивіться та читайте урок тут. 

show_unhide_links-590x255

Створення ефекту для посилань з використанням CSS

Посилання (або якорі) дуже важливі для веб-дизайну і веб-розробки. З настройками за замовчуванням, як у CSS, так і в браузерах, посилання виглядає досить негарно. Блакитний підкреслений текст, який стає фіолетовим після відвідування цього сайту. Ви точно вже бачили ці кольори. На щастя, CSS може сильно допомогти. Змінюючи властивості color,: hover і: visited, ви можете легко […]

аптпт

Створення галереї зображень з використанням CSS3

Цей урок розповість вам про те, як створити галерею зображень, що швидко змінюються, активізуються, коли користувач наводить покажчик миші і зупиняться, коли користувач відводить покажчик миші. Поточне зображення залишиться видимим. Дивіться та читайте урок тут.  

speech_balloons_css3-590x255

Створюємо вікно чату з текстовими хмарками в CSS3

У цьому матеріалі ми хотіли б поділитися способом створення оформленого чату з текстовими хмарками, використовуючи CSS3. Ви зможете красиво показати інтерв’ю або

css3_tabbed_nav-590x255

Створення меню у вигляді вкладок з використанням CSS3

Не зважаючи на незрозумілість доцільності використання анімації  в CSS3, у цієї перспективної тенденції є кілька дуже приємних елементів, які були додані в CSS і якими ми сьогодні скористаємося. Створимо цікаве меню у вигляді вкладок з використанням CSS3. 

3d_animation_css3-590x255 (1)

Створення тривимірної анімації з використанням тільки CSS3

Сьогодні ми створимо тривимірний ефект, використовуючи властивість CSS-webkit-perspective. Властивість perspective – це якраз те, що потрібно, щоб створити ефект тривимірності. Використовуючи також властивості transform і transition, ми можемо створити тривимірну анімацію на чистому CSS3. Дивіться та читайте урок детальніше тут. 

css3_bar_chart_animated-590x255

Створення анімованої гістограми з використанням CSS3

У цьому уроці ми будемо створювати анімовану гістограму із переходами.

purpose-of-responsive-menu

Створення адаптивного меню з використанням CSS

У цьому уроці ми розповімо про спосіб створення адаптивного меню. Воно використовує чисту розмітку HTML5 і може бути вирівняно по лівій стороні, центру або правій стороні. Меню розкривається, коли користувач наводить покажчик миші, а також володіє індикатором, що показує активний/поточний елемент меню.

html_list-590x255

Створення 8 ефектних стилів оформлення списків

Cписки HTML (<ol> для нумерованих, <ul> для ненумерованих списків) використовуються дуже часто. У цьому уроці ми підемо далі створення звичайних списків і покажемо вам 8 різних ефектних способів оформлення списків HTML, використовуючи CSS. Знадобиться чистий CSS, щоб нудний список виглядав оригінально та навіть набув додаткової функціональності. Дивіться урок тут. 

id=