BG Development


  Reply to this topicStart new topicStart Poll

> При клик върху бутон на iPhone да заместs :focus, Споделям код работещ на PC и android
d3v
Публикувано на: 25-06-2020, 12:25
Quote Post



Име: Ангел
Група: Потребител
Ранг: Новопостъпил

Мнения: 5
Регистриран на: 09.06.16



Здравейте, нещо не мога да открия правилното решение затова и пиша тук.
При натискане на бутона за плащане (WooCommerce) се нуждая от spinning icon да се показва до него докато се зареди страницата. На PC е ok, пробвах и на android, и там е наред, но на iPhone нищо не се случва. Някой с опит дали може да ми каже какво да добавя..

Ето го и кода

CODE
.woocommerce #place_order:focus:before {
  font-family: "Font Awesome 5 Free";
  content: "\f042";
  display: inline-block;
  margin-right:10px;
  vertical-align: middle;
  padding:0px;
  font-weight: 600;
  font-size:30px;
-webkit-animation-name: spin;
   -webkit-animation-duration: 4000ms;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;

   -moz-animation-name: spin;
   -moz-animation-duration: 4000ms;
   -moz-animation-iteration-count: infinite;
   -moz-animation-timing-function: linear;

   -ms-animation-name: spin;
   -ms-animation-duration: 4000ms;
   -ms-animation-iteration-count: infinite;
   -ms-animation-timing-function: linear;

   animation-name: spin;
   animation-duration: 4000ms;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
}

.woocommerce #place_order:focus{    
   background: #e4e4e4;;
   padding: 16px 12px;
   border: 2px solid #e4e4e4;
   color: white;
   font-weight: 600;
   font-size: 20px;
  }
PMEmail Poster
Top
Антон Яначков
Публикувано на: 05-07-2020, 16:41
Quote Post



Име: Антон Яначков
Група: Потребител
Ранг: Почетен член

Мнения: 1993
Регистриран на: 27.07.16



Добави малко Javascript от вида:

CODE

<input type='button' value='Бутон' onclick="this.style.backgroundColor='red';this.value='Изчакай';document.getElementById('id_icon').style.visibility='visible'  "><br>
<img id='id_icon' src='https://media2.giphy.com/media/3oEjI6SIIHBdRxXI40/200.gif' style="visibility:hidden;height:100" />

PMEmail PosterUsers Website
Top
1 потребители преглеждат тази тема в момента (1 гости, 0 анонимни потребители)
Потребители, преглеждащи темата в момента:

Topic Options Reply to this topicStart new topicStart Poll

 


Copyright © 2003-2019 | BG Development | All Rights Reserved
RSS 2.0