Курсы по программированию

Формула программиста

основатель — Волосатов Евгений Витольдович
Поздравляю с 1 сентября! Система начисления Байтов работает.

Знакомство с jQuery / Эффекты появления и исчезновения

  • Мы продолжаем знакомство с библиотекой jQuery,
    проходя курс на крупнейшем сайте по веб-разработке:
    www.w3schools.com/jquery/jquery_fade.asp">www.w3schools.com/jquery/jquery_fade.asp
    На этом уроке мы переходим к эффекту: Fading.
  • Дата отправки отчёта: 13 июня 2018 г.
  • Задание выполнено: за 1 час. 4 мин.
  • Чему научился: fade to - инструмент для параметризированного превращения объекта в невидимку без освобождения жилплощади на сайте.
    fade in - плавный проявитель(помимо призрачного появления, объекту выторговывает место под солнцем на веб-страничке).
    fade out - плавный удалитель(помимо придания прозрачности объекту, ещё и освобождает место им занятое).
    fade toggle - Едут ДПСники, один другому: - Серега, посмотри - мигалка работает? Тот высовывается в окошко: - Работает, не работает, работает...
  • Оценка видео-уроку:
  • Видеозапись: https://youtu.be/4ZqbsJTWm2A
Отчёт от 17947 за Знакомство с jQuery / Эффекты появления и исчезновения


Отчёт от 17947 за Знакомство с jQuery / Эффекты появления и исчезновения




Оцени работу

 
Сохранить страницу:

17947. --
Dmitry Sinitsin
Dmitry Sinitsin
ответить
# Знакомство с jQuery / Эффекты появления и исчезновения / 2018-06-13 14:39

Звезду отсюда: css-tricks.com/examples/ShapesOfCSS/ вставить пока не смог. Слабоват в адаптации кода.
Код звезды приводится такой:

#star-five {
  margin: 50px 0;
  position: relative;
  display: block;
  color: red;
  width: 0px;
  height: 0px;
  border-right:  100px solid transparent;
  border-bottom: 70px  solid red;
  border-left:  100px solid transparent;
  -moz-transform:    rotate(35deg);
  -webkit-transform: rotate(35deg);
  -ms-transform:    rotate(35deg);
  -o-transform:      rotate(35deg);
}
#star-five:before {
  border-bottom: 80px solid red;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -45px;
  left: -65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
  -moz-transform:    rotate(-35deg);
  -ms-transform:    rotate(-35deg);
  -o-transform:      rotate(-35deg);

}
#star-five:after {
  position: absolute;
  display: block;
  color: red;
  top: 3px;
  left: -105px;
  width: 0px;
  height: 0px;
  border-right: 100px solid transparent;
  border-bottom: 70px solid red;
  border-left: 100px solid transparent;
  -webkit-transform: rotate(-70deg);
  -moz-transform:    rotate(-70deg);
  -ms-transform:    rotate(-70deg);
  -o-transform:      rotate(-70deg);
  content: '';
}


8275. --
Tekashnik
Tekashnik
ответить
→  Dmitry Sinitsin  # Знакомство с jQuery / Эффекты появления и исчезновения / 2018-06-23 00:52

Я правильно понял, это была скрытая реклама МТС?                                                                                                                                                                                                                                                                                           


10558. --
Иван Воронин
Иван Воронин
ответить

17947. --
Dmitry Sinitsin
Dmitry Sinitsin
ответить
→  Tekashnik  # Знакомство с jQuery / Эффекты появления и исчезновения / 2018-06-23 15:01

Правильно! Яйцо их. Сам к МТС отношения не имею, но реклама удалась )


  • Отчёт оценивали:
    17443WildOrc+1   6452Кирилл Шмойлов+1   16218Дмитрий+1   791Валерий Жданов+1   17606Виктор+1   3922Александр+1   Посетитель+1   1Евгений Волосатов+1   18493Evgenii Kudriavtcev+1   3747Сергей+1   5394Anton+1   Посетитель+1   459Сергей Сергеевич+1   2146Иван+1   17255Слава+1   18816Chai0   8275Tekashnik+1   10558Иван Воронин+1   1901Neverwinter 2+1   16496Pavlin+1   17663Oleksandr+1   17425ser2018+1   17947Dmitry Sinitsin+1  

Начинаем практику по языку C#





Если вы пришли без приглашения -
введите тысяча двадцать четыре (цифрами).
Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.


Научился: Узнал о чудесном упрощение жизни при помощи fade.
Трудности: Придумать пример использования (обычно я учу что-то по мере необходимости так что с этим проблемы всегда).
20 мин. думал что сделать и вот что получилось :) P.S Спасибо за таблицу!


Научился: познакомился с fade* сделал простую fade без анимации и не использовал jquery
Трудности: разобраться с таймером и не хватило терпения чтобы сделать анимацию
вот так вот придумал ее использовать только когда книжку или текст читаешь подсвечивать абзац где мышка находится