Перейти к содержимому







Фотография
Делюсь опытом

Как сделать дизайн такой же кнопки на сайте?



Лучший Ответ slivok, 09 Январь 2019 - 15:40

Вот запилил

 

https://codepen.io/enkos/pen/EGpOvO

 

Нет проблем с навешиванием CSS классов на HTML теги?

Перейти к сообщению


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 Off   кирюха

кирюха
  • Platinum
  • Сообщений: 381
    • Онлайн: 13д 13ч 45м 35с
  • Регистрация: 21.02.2015
  • Заработано: 19 руб.
Репутация: 230

Награды:

13   

Отправлено 09 Январь 2019 - 14:24

Сижу пилю сайт потихоньку и нашел интересный дизайн на квизах, когда кнопка клева мерцает! Рыл рыл, как сделать такой же дизайн, нечего не нашел, может кто-нибудь реализовал такое уже? 

UtK7SqhAsPg.jpg

 

 

ВОТ ССЫЛКА НА КНОПКУ http://page182807.bullet.bz/  или вот    http://okre.ru#test

 

HELP ME PLZZZZZ))))

 

 

Вот нашел что-то похожее на правду, но не пойму как сделать чтобы мерцало постоянно автоматом! https://codepen.io/b...ocks/pen/RPzNjw


Сообщение отредактировал кирюха: 09 Январь 2019 - 14:38

  • 0

#2 Off   slivok

slivok
  • Сливапер LVL 5
  • Сообщений: 69
    • Онлайн: 20д 8ч 36м 3с
  • Регистрация: 17.04.2015
  • Заработано: 11 руб.
Репутация: 130

Отправлено 09 Январь 2019 - 15:40   Лучший Ответ

Вот запилил

 

https://codepen.io/enkos/pen/EGpOvO

 

Нет проблем с навешиванием CSS классов на HTML теги?


  • 0

#3 Off   кирюха

кирюха
  • Platinum
  • Сообщений: 381
    • Онлайн: 13д 13ч 45м 35с
  • Регистрация: 21.02.2015
  • Заработано: 19 руб.
Репутация: 230

Награды:

13   

Отправлено 09 Январь 2019 - 16:10

slivok, да ты волшебник ) Большое спасибо ))) Плюсанул тебя везде ) Да проблем не будет, дальше легко)


Сообщение отредактировал кирюха: 09 Январь 2019 - 16:12

  • 0

#4 Off   slivok

slivok
  • Сливапер LVL 5
  • Сообщений: 69
    • Онлайн: 20д 8ч 36м 3с
  • Регистрация: 17.04.2015
  • Заработано: 11 руб.
Репутация: 130

Отправлено 09 Январь 2019 - 16:16

кирюха, Спасибо)


  • 0

#5 Off   кирюха

кирюха
  • Platinum
  • Сообщений: 381
    • Онлайн: 13д 13ч 45м 35с
  • Регистрация: 21.02.2015
  • Заработано: 19 руб.
Репутация: 230

Награды:

13   

Отправлено 09 Январь 2019 - 16:47

slivok, ну кстати странно, меняю класс с батон на .et_pb_contact_submit и все перестает работать . только background-color меняется, а мерцание пропадает


Сообщение отредактировал кирюха: 09 Январь 2019 - 16:50

  • 0

#6 On   WinRAR.rar

WinRAR.rar

    Отец Сливапа

  • Администратор
  • Сообщений: 4 391
    • Онлайн: 170д 18ч 43м 17с
  • Регистрация: 02.10.2013
  • Заработано: 94 руб.
Репутация: 756

Награды:

22   

Отправлено 09 Январь 2019 - 16:52

кирюха, в css название сменил?


  • 0

#7 Off   slivok

slivok
  • Сливапер LVL 5
  • Сообщений: 69
    • Онлайн: 20д 8ч 36м 3с
  • Регистрация: 17.04.2015
  • Заработано: 11 руб.
Репутация: 130

Отправлено 09 Январь 2019 - 16:55

https://codepen.io/enkos/pen/EGpOvO

 

Вот поставил конкретно под класс et_pb_contact_submit


  • 0

#8 Off   кирюха

кирюха
  • Platinum
  • Сообщений: 381
    • Онлайн: 13д 13ч 45м 35с
  • Регистрация: 21.02.2015
  • Заработано: 19 руб.
Репутация: 230

Награды:

13   

Отправлено 09 Январь 2019 - 17:21

WinRAR.rarslivok, Да конечно менял! Спасибо, я понял, там стили плагина накладывались )) Да все супер)ОГОНЬ ПРОСТО) 


  • 0

#9 Off   Knight

Knight
  • Сливапер LVL 5
  • Сообщений: 210
    • Онлайн: 46д 1ч 32м 21с
  • Регистрация: 19.09.2018
  • Заработано: 214 руб.
Репутация: 385

Отправлено 10 Январь 2019 - 18:23

Вот запилил

 

https://codepen.io/enkos/pen/EGpOvO

 

Нет проблем с навешиванием CSS классов на HTML теги?

 

Посоветуй пожалуйста хорошие уроки по HTML и CSS для начинающиго (который ничего не шарит).


  • 0

#10 Off   slivok

slivok
  • Сливапер LVL 5
  • Сообщений: 69
    • Онлайн: 20д 8ч 36м 3с
  • Регистрация: 17.04.2015
  • Заработано: 11 руб.
Репутация: 130

Отправлено 10 Январь 2019 - 19:33

Knight, Я начинал с курса Евгения Попова

HTML - https://www.youtube....86E02CE3735E3B6

CSS - https://www.youtube....855EFB2BC8B7C7B

 

Еще хорошее объяснение HTML

 

Проходил интерактивный учебник на https://htmlacademy.ru/

 

Ну и их курсы

Скрытый контент:

  Для просмотра необходимо 50 очков репутации (50 осталось)
                          Или
  Купить Premium и получить доступ ко всему контенту сайта

 

Этого реально будет достаточно


  • 1

#11 Off   Knight

Knight
  • Сливапер LVL 5
  • Сообщений: 210
    • Онлайн: 46д 1ч 32м 21с
  • Регистрация: 19.09.2018
  • Заработано: 214 руб.
Репутация: 385

Отправлено 10 Январь 2019 - 22:49

slivok Спасибо +
  • 0



Похожие темы Collapse

  Название темы Форум Автор Статистика Последнее сообщение

Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 анонимных


×

Зарегистрируйся моментально!