Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 926 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, как в данном примере сделать так, чтобы при нажатии на красный флажок, содержимое открывалось поверх облаков (нижнего контейнера), а не отодвигало их вниз?

Всего записей: 2520 | Зарегистр. 30-06-2002 | Отправлено: 13:25 03-08-2019
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
делаете часть, что должна выдвигаться, с абсолютным позиционированием.
что то типа такого https://jsfiddle.net/zykLdc8x/
но будут проблемы при малой высоте экрана или когда выдвигающийся элемент будет низко к нижней части окна - исчезнет за ним.

Всего записей: 7938 | Зарегистр. 20-09-2014 | Отправлено: 21:50 03-08-2019 | Исправлено: Mavrikii, 21:51 03-08-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответ и пример! Попробовал, не получилось, буду делать другим способом.

Всего записей: 2520 | Зарегистр. 30-06-2002 | Отправлено: 09:46 04-08-2019
Kaber



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите по scss. Скачал html шаблон, у одного элемента есть св-во:
background: url(../images/bg/testimonial-bg.jpg);
Которое указывается, судя консоли google chrom, в файле _testimonial.scss на 4 строке:
   
Не могу понять, этот файл - _testimonial.scss вроде нигде не подключается, вношу изменение в него, а в консоле chrome изменения не отображаются и на странице сайта тоже нет изменений.
 
Добавлено:
ЗЫ:
Не актуально, оказывается сервер отдавал кэшированную версию css

Всего записей: 823 | Зарегистр. 14-03-2014 | Отправлено: 10:12 07-08-2019
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kaber

Цитата:
оказывается сервер отдавал кэшированную версию css

Sass, SCSS и Less требуют запуска компилятора, преобразующего их код в стандартный CSS

Всего записей: 7938 | Зарегистр. 20-09-2014 | Отправлено: 19:54 07-08-2019
K V M

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте.
Подскажите как сделать или куда копать.
Хочеться сделать анимацю волновой линии.
Пример: https://ru.depositphotos.com/152874862/stock-illustration-wave-lines-pattern.html
И нужно анимироваль такие линии, тоесть чтоб был еффект волны.
+ еще был б переливание цветом линий при движении.
 
И насколько такой ефект будет сложным для браузера?

Всего записей: 53 | Зарегистр. 14-10-2009 | Отправлено: 16:02 08-08-2019
webproger



Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
K V M
Проще, наверное, gif-ку сделать.

Всего записей: 23 | Зарегистр. 02-06-2019 | Отправлено: 17:27 08-08-2019
Mavrikii

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
K V M
можно, но слишком муторно.. делаете SVG и добавляете анимацию.
https://css-tricks.com/animating-svg-css/
https://blog.logrocket.com/animating-svg-with-css-83e8e27d739c/

Всего записей: 7938 | Зарегистр. 20-09-2014 | Отправлено: 18:31 08-08-2019
VVL99



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
K V M
Заплюют, у меня даже от статичной картинки в глазах зарябило.
 
Добавлено:
http://mebiusbox.github.io/contents/EffectTextureMaker/
Справа есть галочка animate, если кто будет недоволен.

Всего записей: 2865 | Зарегистр. 03-02-2011 | Отправлено: 19:25 08-08-2019
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Имя:
Пароль:
Сообщение

Для вставки имени, кликните на нем.

Опции сообщенияДобавить свою подпись
Подписаться на получение ответов по e-mail
Добавить тему в личные закладки
Разрешить смайлики?
Запретить коды


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.Board
© Ru.Board 2000-2018

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru