Biotoxsin

Members
  • Публикации

    38
  • Зарегистрирован

  • Посещение

О Biotoxsin

  • Звание
    Местный

Profile Information

  • Специализация
    Вебмастер
  1. Да вы правы, большинство эффектов работают, и множество "багов" просто не появляются спасибо!
  2. А каковы минусы и плюсы данного варианта?
  3. Здравствуйте! Хотел бы посоветоваться со знающими, возможно пользующимися, Google cloud platform как хостингом. Я не нашёл нигде введения которое бы рассказало как пользоваться сим чудом. Возможно ктото из вас пользовался или пользуется до сих пор этой платформой, если так то расскажите плюсы\минусы данного варианта. Для тех кто не разбирается прошу не давать советов не тратьте своё, моё и других форумчан время.
  4. Может это баги самого Сафари?
  5. Вот glitch.zip
  6. Неужели никто не знает?
  7. Здравствуйте! В данной теме хотел бы обсудить такую проблему: У меня есть адаптированная анимация под все браузеры (и как правило адаптированна под Safari), но как раз в Safari анимация не работает. А именно не работает часть @-webkit-keyframes . Вот код: @import url('https://fonts.googleapis.com/css?family=Archivo+Black'); html, body { height: 100%; } body { background: black; font-family: 'Archivo Black', sans-serif; } .glitch-wrapper { height: 100%; } .glitch { color: white; transition: 0.5s; font-size: 150px; text-transform: upercase; position: relative; display: inline-block; } .glitch::before, .glitch::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; } .glitch::before { left: -2px; text-shadow: -2px 0 #49FC00; clip: rect(24px, 550px, 90px, 0); -webkit-animation: glitch-anim-2 3s infinite linear alternate-reverse; animation: glitch-anim-2 3s infinite linear alternate-reverse; } .glitch::after { left: 2; text-shadow: -2px 0 #b300fc; clip: rect(85px, 550px, 140px, 0); -webkit-animation: glitch-anim 2.5s infinite linear alternate-reverse; animation: glitch-anim 2.5s infinite linear alternate-reverse; } @-webkit-keyframes glitch-anim { 0% { clip: rect(11px, 9999px, 148px, 0); } 4.16666667% { clip: rect(9px, 9999px, 1px, 0); } 8.33333333% { clip: rect(44px, 9999px, 30px, 0); } 12.5% { clip: rect(45px, 9999px, 110px, 0); } 16.66666667% { clip: rect(21px, 9999px, 146px, 0); } 20.83333333% { clip: rect(66px, 9999px, 93px, 0); } 25% { clip: rect(73px, 9999px, 61px, 0); } 29.16666667% { clip: rect(78px, 9999px, 93px, 0); } 33.33333333% { clip: rect(47px, 9999px, 100px, 0); } 37.5% { clip: rect(2px, 9999px, 119px, 0); } 41.66666667% { clip: rect(65px, 9999px, 25px, 0); } 45.83333333% { clip: rect(54px, 9999px, 125px, 0); } 50% { clip: rect(115px, 9999px, 92px, 0); } 54.16666667% { clip: rect(13px, 9999px, 43px, 0); } 58.33333333% { clip: rect(14px, 9999px, 113px, 0); } 62.5% { clip: rect(117px, 9999px, 74px, 0); } 66.66666667% { clip: rect(123px, 9999px, 14px, 0); } 70.83333333% { clip: rect(143px, 9999px, 122px, 0); } 75% { clip: rect(68px, 9999px, 114px, 0); } 79.16666667% { clip: rect(133px, 9999px, 129px, 0); } 83.33333333% { clip: rect(40px, 9999px, 96px, 0); } 87.5% { clip: rect(150px, 9999px, 110px, 0); } 91.66666667% { clip: rect(22px, 9999px, 100px, 0); } 95.83333333% { clip: rect(75px, 9999px, 135px, 0); } 100% { clip: rect(14px, 9999px, 144px, 0); } } @keyframes glitch-anim { 0% { clip: rect(11px, 9999px, 148px, 0); } 4.16666667% { clip: rect(9px, 9999px, 1px, 0); } 8.33333333% { clip: rect(44px, 9999px, 30px, 0); } 12.5% { clip: rect(45px, 9999px, 110px, 0); } 16.66666667% { clip: rect(21px, 9999px, 146px, 0); } 20.83333333% { clip: rect(66px, 9999px, 93px, 0); } 25% { clip: rect(73px, 9999px, 61px, 0); } 29.16666667% { clip: rect(78px, 9999px, 93px, 0); } 33.33333333% { clip: rect(47px, 9999px, 100px, 0); } 37.5% { clip: rect(2px, 9999px, 119px, 0); } 41.66666667% { clip: rect(65px, 9999px, 25px, 0); } 45.83333333% { clip: rect(54px, 9999px, 125px, 0); } 50% { clip: rect(115px, 9999px, 92px, 0); } 54.16666667% { clip: rect(13px, 9999px, 43px, 0); } 58.33333333% { clip: rect(14px, 9999px, 113px, 0); } 62.5% { clip: rect(117px, 9999px, 74px, 0); } 66.66666667% { clip: rect(123px, 9999px, 14px, 0); } 70.83333333% { clip: rect(143px, 9999px, 122px, 0); } 75% { clip: rect(68px, 9999px, 114px, 0); } 79.16666667% { clip: rect(133px, 9999px, 129px, 0); } 83.33333333% { clip: rect(40px, 9999px, 96px, 0); } 87.5% { clip: rect(150px, 9999px, 110px, 0); } 91.66666667% { clip: rect(22px, 9999px, 100px, 0); } 95.83333333% { clip: rect(75px, 9999px, 135px, 0); } 100% { clip: rect(14px, 9999px, 144px, 0); } } @-webkit-keyframes glitch-anim-2 { 6.66666667% { clip: rect(2px, 9999px, 59px, 0); } 10% { clip: rect(45px, 9999px, 58px, 0); } 13.33333333% { clip: rect(26px, 9999px, 88px, 0); } 16.66666667% { clip: rect(124px, 9999px, 79px, 0); } 20% { clip: rect(47px, 9999px, 36px, 0); } 23.33333333% { clip: rect(140px, 9999px, 120px, 0); } 26.66666667% { clip: rect(5px, 9999px, 148px, 0); } 30% { clip: rect(150px, 9999px, 29px, 0); } 33.33333333% { clip: rect(15px, 9999px, 52px, 0); } 36.66666667% { clip: rect(41px, 9999px, 117px, 0); } 40% { clip: rect(131px, 9999px, 82px, 0); } 43.33333333% { clip: rect(78px, 9999px, 14px, 0); } 46.66666667% { clip: rect(59px, 9999px, 148px, 0); } 50% { clip: rect(145px, 9999px, 24px, 0); } 53.33333333% { clip: rect(66px, 9999px, 13px, 0); } 56.66666667% { clip: rect(71px, 9999px, 101px, 0); } 60% { clip: rect(124px, 9999px, 138px, 0); } 63.33333333% { clip: rect(11px, 9999px, 76px, 0); } 66.66666667% { clip: rect(115px, 9999px, 29px, 0); } 70% { clip: rect(7px, 9999px, 4px, 0); } 73.33333333% { clip: rect(79px, 9999px, 14px, 0); } 76.66666667% { clip: rect(29px, 9999px, 17px, 0); } 80% { clip: rect(68px, 9999px, 72px, 0); } 83.33333333% { clip: rect(6px, 9999px, 123px, 0); } 86.66666667% { clip: rect(13px, 9999px, 134px, 0); } 90% { clip: rect(46px, 9999px, 23px, 0); } 93.33333333% { clip: rect(142px, 9999px, 127px, 0); } 96.66666667% { clip: rect(125px, 9999px, 49px, 0); } 100% { clip: rect(75px, 9999px, 9px, 0); } } @keyframes glitch-anim-2 { 6.66666667% { clip: rect(2px, 9999px, 59px, 0); } 10% { clip: rect(45px, 9999px, 58px, 0); } 13.33333333% { clip: rect(26px, 9999px, 88px, 0); } 16.66666667% { clip: rect(124px, 9999px, 79px, 0); } 20% { clip: rect(47px, 9999px, 36px, 0); } 23.33333333% { clip: rect(140px, 9999px, 120px, 0); } 26.66666667% { clip: rect(5px, 9999px, 148px, 0); } 30% { clip: rect(150px, 9999px, 29px, 0); } 33.33333333% { clip: rect(15px, 9999px, 52px, 0); } 36.66666667% { clip: rect(41px, 9999px, 117px, 0); } 40% { clip: rect(131px, 9999px, 82px, 0); } 43.33333333% { clip: rect(78px, 9999px, 14px, 0); } 46.66666667% { clip: rect(59px, 9999px, 148px, 0); } 50% { clip: rect(145px, 9999px, 24px, 0); } 53.33333333% { clip: rect(66px, 9999px, 13px, 0); } 56.66666667% { clip: rect(71px, 9999px, 101px, 0); } 60% { clip: rect(124px, 9999px, 138px, 0); } 63.33333333% { clip: rect(11px, 9999px, 76px, 0); } 66.66666667% { clip: rect(115px, 9999px, 29px, 0); } 70% { clip: rect(7px, 9999px, 4px, 0); } 73.33333333% { clip: rect(79px, 9999px, 14px, 0); } 76.66666667% { clip: rect(29px, 9999px, 17px, 0); } 80% { clip: rect(68px, 9999px, 72px, 0); } 83.33333333% { clip: rect(6px, 9999px, 123px, 0); } 86.66666667% { clip: rect(13px, 9999px, 134px, 0); } 90% { clip: rect(46px, 9999px, 23px, 0); } 93.33333333% { clip: rect(142px, 9999px, 127px, 0); } 96.66666667% { clip: rect(125px, 9999px, 49px, 0); } 100% { clip: rect(75px, 9999px, 9px, 0); } } Может кто подскажет в чём кроется проблема и как её решить?
  8. Посмотрел, конкретно нашёл WordPress Social Login со всеми настройками, редакцией стилей, приложения самому создавать, шикарно как по мне. Спасибо! =)
  9. Неплохой, только меня смущает что все авторизации проходят через приложение самих создателей плагина. Вы не знаете разработчики разрешают редактировать код плагина?
  10. Я имею ввиду регистрация с сообщением на почту для подтверждения профиля. В общем 1 плагин в котором есть всё. Есть такое? Если нет то можно ли комбинировать плагины авторизации, не будет ли у них конфликтов друг с другом?
  11. А есть ли плагин вход через соц сети и выбор регистрации одновременно?
  12. Здравствуйте! Я видел много плагинов для регистрации пользователей в блоге wordpress. Многие спорят какой лучше. У вас я хочу поинтересоваться какой плагин предпочитаете Вы, каким пользовались, в общем советы на тему "Какую авторизацию поставить в wordpress". Спасибо за внимание!
  13. Прошу прощения, не могу редактировать свои сообщения, как и ставить репутацию. Спасибо за совет, поищу.
  14. Разумеется у них должна быть своя админ панель, но PHP оно и в Африке PHP, так что какие бы плагины у них не были они и на обычных cms должны работать, другое дело найти такой плагин.
  15. Разве что меняется позиция, текст/изображение и только.