2017年12月
  • 给网页图标字体 Font Awesome 添加动画效果

    给网页图标字体 Font Awesome 添加动画效果

    在国外网站中使用Web字体已经流行起来,虽然使用中文不太靠谱,但我们可以使用图标字体,也是很是方便的,图标字体有很多,可看《30个免费网页图标字体以及使用方法》一文,其中Font Awesome有较多用户使用。今天我们主要向大家介绍一个可以上Font Awesome动起来的CSS文件,现在交互越来越重视,给图标加上对应的动画可以增加一些用户体验,是很不错的。演示在线演示&下载地址:DEMO从演示文件中可以看出目前有10种CSS动...

    CSS学习 5小时前 2 0 图标字体动画
  • CSS3圆圈动画放大缩小循环动画效果

    CSS3圆圈动画放大缩小循环动画效果

     今天在写一个zblog主题的时候,在无限下拉加载等待时间内,需要加一个动画循环效果,如上图!1、简单放大缩小循环!<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&qu...

    CSS学习 10小时前 6 0 循环
  • CSS 横向菜单允许滚动(滑动)并隐藏滚动条(移动端)

    CSS 横向菜单允许滚动(滑动)并隐藏滚动条(移动端)

     今天写一个模板的时候,在手机端需要横线罗列菜单,为减少占用空间,采用了横向滚动(滑动)效果,并且隐藏滚动条!最后写的CSS还是不支持firefox,在firefox的浏览器上滚动条隐藏不掉。。。不管了,因为这个横向滚动是运用在手机端,不会出现firefox的问题!相关:1、纯CSS3 自定义滚动条样式设置方法大全(不兼容firefox)2、jQuery插件 - 滚动条样式-jQuery custom content scro...

    CSS学习 1天前 5 0 滚动条
  • CSS垂直翻转/水平翻转学习

    CSS垂直翻转/水平翻转学习

    一、CSS下兼容性的元素水平/垂直翻转实现随着现代浏览器对CSS3的支持愈发完善,对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的CSS代码如下:/*水平翻转*/.flipx {     -moz-transform:scaleX(-1);     -webkit-transform:scaleX(-1); &nb...

  • zblogPHP主题 - 博客模板(ydfed)

    zblogPHP主题 - 博客模板(ydfed)

     美观、简洁、个人演示站:http://theme.b5b6.com/ydfed/移动端浏览器扫一扫:老白更多经典主题:https://app.zblogcn.com/?auth=5d302dd7-0b51-47b9-9364-26ade199645d主题说明:自适应:    支持移动端、手机自适应显示,可扫二维码测试SEO:    支持首页、分类...

    zblogPHP模板 5天前 20 0 ydfed
  • zblogPHP主题 - simple个人博客(ydmark)

    zblogPHP主题 - simple个人博客(ydmark)

    演示站:http://theme.b5b6.com/ydmark/手机扫一扫:主题有任何问题,可以联系Q:525887672解决!老白更多经典主题:https://app.zblogcn.com/?auth=5d302dd7-0b51-47b9-9364-26ade199645d主题说明:(请看后台主题配置截图,一目了然)自适应:    支持移动端、手机自适应显示,可扫二维码测试SEO: ...

    zblogPHP模板 5天前 32 0 ydmark
1