Подвійні лапки для цитати

У цьому уроці ми будемо вчитися робити цитати в гарних лапках з CSS.

Приклад блоку з цитатою Ви можете подивитися тут

Реалізація цього методу складається з HTML+CSS елементів та 2-х зображень.

HTML частина:

CSS частина:

Шрифти та шляхи до зображень можна змінити, якщо це потребує.

Зображення:

Збережіть зображення через меню правої кнопки миші "Зберегти малюнок як".

Даний урок підготовлений для вас командою сайту ruseller.com Джерело уроку: www.ebdesignerwall.com/tutorials/simple-double-quotes/ Переклав: Євген Попов Урок створено: 14 Травня 2008 Переглядів : 27856 Правила передруку

5 останніх уроків рубрики "CSS"

Смішні ефекти для літер

Невеликий ефект з інтерактивною анімацією букв.

Реалізація кумедних підказок

Невеликий концепт кумедних підказок, які реалізовані на SVG та anime.js. Крім особливого стилю у прикладі реалізовано анімацію та трансформацію графічних об'єктів.

Анімовані літери

Експеримент: анімовані букви SVG на базі бібліотеки anime.js.

Сонцезахисні окуляри від першої особи

Прикольний експеримент веб-сторінки відображення якої здійснюється "від першої особи" через сонцезахисні окуляри.

Навігація, що розкривається

Експериментальний скрипт навігації, що розкривається.

---