Heim >Web-Frontend >CSS-Tutorial >Ein wunderschöner Code für runde Schaltflächen, erstellt mit CSS3

Ein wunderschöner Code für runde Schaltflächen, erstellt mit CSS3

高洛峰
高洛峰Original
2017-03-27 17:52:393351Durchsuche

这是使用CSS3制作的一个圆形按钮。效果看起来很简单,其实制作也非常的简单的,主要就是径向渐变的运用,以及@font-face实现的ICON效果,当然其中也离开不其他属性的点缀效果,比如说box-shadow制作的阴影,transition制作的动画效果等。

代码中所需要的fonts我已经以附件的形式上传了,下载下来,fonts目录和代码页面 平级,这样就没有问题了。不要放错位置哦




   
    精美的圆形按钮效果





   
   

   
   

       

       

       

       

       

       

       

       

       

       



   



Das obige ist der detaillierte Inhalt vonEin wunderschöner Code für runde Schaltflächen, erstellt mit CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn