纯CSS3 Android样式按钮点击波特效 PetitQ 按钮图标 2019-3-21 2.21K 1 1 css-ripple-effect是一款使用纯CSS3制作的炫酷扁平风格按钮点击波特效。该效果是仿照Android系统的Material design风格点击波来制作的。 使用方法 在页面中引入ripple.css文件。 HTML结…
纯CSS3 Android样式按钮点击波特效 PetitQ 按钮图标 2019-3-21 2.21K 1 1 css-ripple-effect是一款使用纯CSS3制作的炫酷扁平风格按钮点击波特效。该效果是仿照Android系统的Material design风格点击波来制作的。 使用方法 在页面中引入ripple.css文件。 HTML结…
精美纯CSS3扁平风格图标 PetitQ 按钮图标 2019-1-27 1.93K 0 1 这是一组使用纯CSS3制作的扁平风格的图标。这组图标共有16个,所有图标均由CSS渲染而成,没有使用任何图片。其中有5个图标在鼠标滑过时带有动画特效。 HTML结构 所有的图标都是以div.icon作为包裹容器,里面放置需要的元素。…
精美纯CSS3扁平风格图标 PetitQ 按钮图标 2019-1-27 1.93K 0 1 这是一组使用纯CSS3制作的扁平风格的图标。这组图标共有16个,所有图标均由CSS渲染而成,没有使用任何图片。其中有5个图标在鼠标滑过时带有动画特效。 HTML结构 所有的图标都是以div.icon作为包裹容器,里面放置需要的元素。…
精美的纯CSS3滑动开关按钮 PetitQ 按钮图标 2019-3-21 2.18K 0 0 这是一组使用CSS3制作的精美滑动开关按钮特效。这组滑动按钮按Bootstrap的情景类来设计,可以适应5种不同的场景,以及一种不可用的状态。 HTML结构 该滑动按钮效果的基本HTML结构使用一个<div>元素来包裹一…
精美的纯CSS3滑动开关按钮 PetitQ 按钮图标 2019-3-21 2.18K 0 0 这是一组使用CSS3制作的精美滑动开关按钮特效。这组滑动按钮按Bootstrap的情景类来设计,可以适应5种不同的场景,以及一种不可用的状态。 HTML结构 该滑动按钮效果的基本HTML结构使用一个<div>元素来包裹一…
简单的纯js滑动按钮插件 PetitQ 按钮图标 2018-11-12 1.79K 0 0 这是一款简单的纯js滑动按钮插件。通过该js插件,可以将checkbox元素变为好看的iOS或Material Design样式的滑动按钮。 使用方法 在页面中引入SimpleSwitch.css样式文件和SimpleSwitch.…
简单的纯js滑动按钮插件 PetitQ 按钮图标 2018-11-12 1.79K 0 0 这是一款简单的纯js滑动按钮插件。通过该js插件,可以将checkbox元素变为好看的iOS或Material Design样式的滑动按钮。 使用方法 在页面中引入SimpleSwitch.css样式文件和SimpleSwitch.…
简单点击加载更多内容jQuery插件 PetitQ 按钮图标 2019-3-01 2.44K 0 4 这是一款简单的jquery点击加载更多内容插件。该插件可以实现简单的通过点击按钮后超链接,来加载指定调试的内容的效果。 使用方法 在页面中引入jquery和jquery.simpleLoadMore文件。 HTML结构 使用该插件需…
简单点击加载更多内容jQuery插件 PetitQ 按钮图标 2019-3-01 2.44K 0 4 这是一款简单的jquery点击加载更多内容插件。该插件可以实现简单的通过点击按钮后超链接,来加载指定调试的内容的效果。 使用方法 在页面中引入jquery和jquery.simpleLoadMore文件。 HTML结构 使用该插件需…
炫酷CSS3鼠标滑过按钮动画特效 PetitQ 按钮图标 2019-1-27 1.20K 0 0 这是一组使用CSS3制作的炫酷鼠标滑过按钮动画特效。这30种鼠标滑过按钮的动画特效分别使用CSS3 transition和transform属性来制作按钮边框,文本动画以及流光动画效果,各种效果都非常有创意。 HTML结构 按钮的H…
炫酷CSS3鼠标滑过按钮动画特效 PetitQ 按钮图标 2019-1-27 1.20K 0 0 这是一组使用CSS3制作的炫酷鼠标滑过按钮动画特效。这30种鼠标滑过按钮的动画特效分别使用CSS3 transition和transform属性来制作按钮边框,文本动画以及流光动画效果,各种效果都非常有创意。 HTML结构 按钮的H…
炫酷CSS3按钮边框动画特效 PetitQ 按钮图标 2019-1-25 1.84K 0 1 这是一款效果非常炫酷的CSS3按钮边框动画特效。这组按钮边框动画共有6种不同的效果。当鼠标滑过按钮的时候,按钮的边框会以不同的方式进行各种动画,效果非常的炫酷。 HTML结构 该CSS3按钮边框动画特效中的按钮使用HTML的<…
炫酷CSS3按钮边框动画特效 PetitQ 按钮图标 2019-1-25 1.84K 0 1 这是一款效果非常炫酷的CSS3按钮边框动画特效。这组按钮边框动画共有6种不同的效果。当鼠标滑过按钮的时候,按钮的边框会以不同的方式进行各种动画,效果非常的炫酷。 HTML结构 该CSS3按钮边框动画特效中的按钮使用HTML的<…
炫酷CSS3按钮样式和鼠标滑过特效 PetitQ 按钮图标 2019-1-20 1.73K 0 0 这是一款集合20组不同CSS3按钮样式和按钮鼠标滑过特效的插件。这20组css3按钮每一组都有3种示例,每一个示例都使用CSS3制作炫酷的鼠标滑过动画。这些按钮适用于各种场合,相信总有一款适合你。这20组CSS3按钮每一组都有3种示…
炫酷CSS3按钮样式和鼠标滑过特效 PetitQ 按钮图标 2019-1-20 1.73K 0 0 这是一款集合20组不同CSS3按钮样式和按钮鼠标滑过特效的插件。这20组css3按钮每一组都有3种示例,每一个示例都使用CSS3制作炫酷的鼠标滑过动画。这些按钮适用于各种场合,相信总有一款适合你。这20组CSS3按钮每一组都有3种示…
漂亮纯CSS3滑动按钮特效 PetitQ 按钮图标 2019-1-20 2.11K 0 0 这是一组共15种不同效果的纯CSS3滑动按钮。这些滑动按钮通过使用“CHECKBOX HACK”技术,通过checkbox和label元素来完成这些滑动按钮的动画效果。 HTML结构 所有的滑动按钮都采用相同的HTML结构,在一个元…
漂亮纯CSS3滑动按钮特效 PetitQ 按钮图标 2019-1-20 2.11K 0 0 这是一组共15种不同效果的纯CSS3滑动按钮。这些滑动按钮通过使用“CHECKBOX HACK”技术,通过checkbox和label元素来完成这些滑动按钮的动画效果。 HTML结构 所有的滑动按钮都采用相同的HTML结构,在一个元…
按钮点击动画粒子特效 PetitQ 按钮图标 2018-10-28 1.67K 0 2 这是一款js点击按钮动画粒子特效。该特效在点击按钮时,按钮会以各种粒子分解的方式进行隐藏,点击重放按钮后,又会以粒子组合的方式重新组装成一个按钮,非常炫酷。该js点击按钮动画粒子特效共有12种不同的粒子动画特效,动画使用anime.…
按钮点击动画粒子特效 PetitQ 按钮图标 2018-10-28 1.67K 0 2 这是一款js点击按钮动画粒子特效。该特效在点击按钮时,按钮会以各种粒子分解的方式进行隐藏,点击重放按钮后,又会以粒子组合的方式重新组装成一个按钮,非常炫酷。该js点击按钮动画粒子特效共有12种不同的粒子动画特效,动画使用anime.…
扩展bootstrap4按钮特效 PetitQ 按钮图标 2019-3-12 2.78K 0 0 这是一款扩展bootstrap4按钮特效。该特效在bootstrap4按钮样式的基础上,通过CSS样式,设计出一套带闪光按钮特效和扁平线框按钮特效。 使用方法 在页面中引入bootstrap.css和buttons.css样式文件。…
扩展bootstrap4按钮特效 PetitQ 按钮图标 2019-3-12 2.78K 0 0 这是一款扩展bootstrap4按钮特效。该特效在bootstrap4按钮样式的基础上,通过CSS样式,设计出一套带闪光按钮特效和扁平线框按钮特效。 使用方法 在页面中引入bootstrap.css和buttons.css样式文件。…
带反光特效的按钮插件 PetitQ 按钮图标 2018-10-28 1.57K 0 0 这是一款js和css3带反光特效的按钮插件。该特效是在鼠标移动时,按钮和附近的按钮有光线的明暗效果,类似黑暗中一束光线照射到了按钮上的3D光照效果。 使用方法: 在页面中引入fluent-reveal-effect.css文件和fl…
带反光特效的按钮插件 PetitQ 按钮图标 2018-10-28 1.57K 0 0 这是一款js和css3带反光特效的按钮插件。该特效是在鼠标移动时,按钮和附近的按钮有光线的明暗效果,类似黑暗中一束光线照射到了按钮上的3D光照效果。 使用方法: 在页面中引入fluent-reveal-effect.css文件和fl…