标签归档:分享按钮

CSS3社交平台分享按钮 鼠标悬停背景变化动画

之前我们分享过一些漂亮和实用的分享按钮,很多都是比较传统的按钮,但结合CSS3使得按钮变得丰富多彩,比如这个又一波CSS3社会化分享图标 可旋转和悬停。也有一些在外观上非常富有创意,比如这个jQuery交互式分享按钮 可横向展开。今天我们再给大家分享一个基于CSS3的社交平台分享按钮,鼠标悬停在按钮上时可以产生变化的背景动画。

css3-share-button-background

在线演示源码下载

纯CSS3背景变幻的分享按钮组合

这是一款相当实用而且美观的纯CSS3分享按钮组合,它的特点是当鼠标滑过按钮时,按钮的背景将会出现多边形变幻的动画效果,同时分享按钮的Logo也会放大显示。类似这种鼠标滑过动画的分享按钮还有很多,比如之前介绍的CSS3社会化分享图标 可旋转和悬停也非常炫酷。

pure-css3-share-button-animate

在线演示源码下载

jQuery鼠标悬停图片分享按钮动画

这是一款基于jQuery的图片动画插件,这款jQuery插件可以实现鼠标滑过图片时在图片上方创建任意的元素,包括分享按钮和图片文字描述等。这些按钮和文字可以悬浮在图片的任意位置,同时你也可以自己定义这些图片上方的元素出现时的动画特效。

jquery-hoverex

在线演示源码下载