मेरे पास निम्नलिखित सीएसएस है:

और मैं चाहता हूं कि इनपुट स्टाइल हो लेकिन इसका मूल्य अस्थिर रहता है।

input[type=text] {
  width: 70px;
  height: 70px;
  text-align: center;
  display: block;
  margin: auto;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .2);
  border-left: 2px solid rgba(255, 255, 255, 1);
  font-size: 27px;
  animation-name: spin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
<input type="text" name="timeInput" id="time" class="time1" readonly>
css
-1
user11107231 28 फरवरी 2019, 00:40

1 उत्तर

सबसे बढ़िया उत्तर
  1. आप नहीं देख सकते कि यह स्टाइल है या नहीं। क्योंकि पृष्ठभूमि या सामग्री जैसी शैली क्या है, यह देखने के लिए कोई सुराग नहीं है।

  2. यदि आप एनीमेशन सीएसएस लागू करना चाहते हैं, तो आपको कीफ़्रेम को चेतन करने के लिए सेट करना होगा।

@keyframes spin {
  from {
    width: 0px;
    height: 0px;
  }
  to {
    width: 150px;
    height: 150px;
  }
}

input[type=text] {
  width: 70px;
  height: 70px;
  text-align: center;
  display: block;
  margin: auto;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .2);
  border-left: 2px solid rgba(255, 255, 255, 1);
  font-size: 27px;
  animation-name: spin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
<input type="text" name="timeInput" id="time" class="time1" readonly value="Foo bar">
3
zmag 28 फरवरी 2019, 03:09