这篇文章主要整理一些css3实现的一些文字特效,分享给大家, 相信您看完会有不少的收货哦! 一.css3 空心文字 <style> .hollow{ -webkit-text-stroke: 1px black; -webkit-text-fill-color : transparent; font-size: 30px; color:#fff; } </style> <div class="hollow">空心字/缕空效果:fly63.com<…

今天主要利用hover选择器.鼠标滑过查看效果. 一.普通导航栏 Home Content Service Team Contact 对于这种普通的导航栏,只是鼠标滑过的时候颜色会变,所以思路变得很简单. (1)使用ul标签布局 (2)鼠标经过事件 <div id="demo1"> <ul> <li>Home</li> <li>Content</li> <li>Service</li> &l…

css3 之炫酷的loading效果 今天实现了一个炫酷的loading效果,基本全用css来实现,主要练习一下css3的熟练运用 js需要引入jquery 只用到了一点点js 先看效果图 html: <div class="box"> <div class="master"> <div class="eyes"> <div class="eyes-ball"></div&…

今天在网上看到一个炫酷的Actionbar效果,一个老外做的DEMO,目前很多流行的app已经加入了这个效果. 当用户初始进入该界面的时候,为一个透明的 ActiionBar ,这样利用充分的空间显示大图片,如果用户滚动页面需要查看内容的时候,则大图收缩到 ActionBar 中. 源码下载:http://files.cnblogs.com/sage-blog/notboringactionbar.zip 参考:http://flavienlaurent.com/blog/2013/11/20/…

PART1:制作第一个效果 步骤一:新建一个800*600的画布. 骤二:从工具栏选“矩形工具”,创建一个800*600的矩形.白色的是画布,浅红色(我的AI之前保留的填充颜色,每个人都不一样)的是你建的矩形. a:把矩形填充颜色改为黑色,并对齐画布.如下: b:拉两条平分画布的参考线 c:用多边形工具,然后点一下两个参考线的交叉点.设置3边,制作一个三角形. d:根据画布拉出一个合适大小的尺寸. e:用选择工具选中三角形,拖出圆角.右边的两个渐变色圆是我提前准备好的.等下要用的,你们自己把这两…

相信很多人都看过这些大屏的图表,是不是感觉效果很酷炫,做起来会很复杂,按照传统的方式去做,使用数据分析工具结合ps美化可能耗时要数月才能做出来.但这个时候用Smartbi自助仪表盘功能,全方位的满足各种数据可视化场景.不需要你掌握编程或sql技能,业务人员也能轻松快速掌握数据可视化自助仪表盘的操作. 下面,我们来探讨下如何用Smartbi来制作一个可视化的大屏吧. 现在我们仔细来看下这些可视化图表,他们是由一个个简单的表格.环形饼图.地图.横条柱图.词云图等组成. 我们将整体目标划分一个个小计划…

最近看了别人做的简历,简单炫酷,自己非常喜欢,于是打算自己做一个,尝试一下. 由于写这篇随笔的时候才开始动工,所以目前没有成品给大家看. emmm等我更新完会在最后附上成品. 现在 开始! 首先 配置项目 具体可以看我的 Vue 配置项目 由于需要使用bootstrap,所以我们要安装jquery和bootstrap. 这里我们采用npm进行安装. 安装成功如图: 然后安装 jquery 这里根据官方文档我们选择v1.12.4 执行 安装 npm install jquery@1.12.4 --…

1. HTML5 3D图片阴影翻转动画 效果很酷 分享一款很酷的HTML5 3D动画特效,这款3D特效可以为你的图片增加阴影的效果,而且可以让图片在鼠标滑过的时候出现3D翻转的动画效果.这和HTML5 3D动画HTML5 3D正方体旋转动画有着类似的效果,大家也可以看看. image.png 在线演示 / 源码下载 2. HTML5 Canvas波浪动画 可调节波浪高度 看过超酷的HTML5 Canvas波浪墙吗,是的,只要你的浏览器支持HTML5 WebGL,就可以观看强大的HTML5波浪效果…

>炫丽的计时器效果Canvas绘图与动画< 虽然我是学习java的,但是因为最近使用html5的关系,多学习了一下前端知识. 现在,我要介绍的计时器是十分炫酷的,使用画布完成. 喜欢html5和喜欢炫酷特效的同学可以收藏一下. -----------------------------------------华丽的分割线---------------------------------------------------- 首先,介绍一下文件的效果. 看起来是非常的炫酷的. ---------…

在上几篇博客中,我们对UIView层的动画以及iOS的核心动画做了介绍,基本已经可以满足iOS应用项目中所有的动画需求,如果你觉得那些都还不够炫酷,亦或是你灵光一现,想用UIKit框架写出一款炫酷的休闲游戏,那个有一个东西可以帮到你:iOS的粒子效果引擎. 一.粒子发射器 iOS中的粒子效果有两部分组成,一部分为发射器,设置例子发射的宏观属性,另一部分是粒子单元,用于设置相应的粒子属性.粒子发射器是基于Layer层,没错,又是Layer,他的全名叫做: CAEmitterLayer.其中常用的属…