Die Suchleiste ist auf unserer Website unerlässlich, insbesondere auf einem begrenzten Seitenplatz. Heute werde ich Ihnen anhand eines Beispiels vorstellen, wie Sie CSS3 verwenden .
Struktur:
Tastenstil:
.demo-a input{width: 15px; border-radius: 10em; Transition: all 0.5s equal 0s; }
.demo-a input:focus{width: 130px; box-shadow: 0 0 5px rgba(109,207,246,.5);}
Tatsächliches Rendering:
Das obige ist der detaillierte Inhalt vonSo vergrößern Sie das CSS-Suchfeld. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
