- 博客(6)
- 收藏
- 关注
原创 Angular自定义指令集成swiper插件实现轮播图
从开始接触Angular至今已经近半年时间,已经基本上熟悉了angular的语法规范和用法。我认为angular最重要的部分还是用自定义指令来封装自己想用的组件。这也正所谓得自定义指令者得angular,可见自定义指令在angular中的地位是何等的高。效果图自定义指令实现轮播图1.swiper插件的使用在上一篇博客中已经阐述,这里就不再多说;2.使用angular必须首先引入a...
2018-12-29 20:16:22 1060
原创 使用swiper插件实现轮播图
swiper是一款功能强大的插件,可以实现很多我们意想不到的轮播效果。1.在使用swiper之前首先要引入插件自带的样式和行为 <link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/> <script src="../css/swiper.min-3.js" ty...
2018-12-29 19:48:23 4342
原创 css3实现旋转的八卦图动画
border的功能真的不容小觑,可以实现一些意想不到的特殊符号。今天就用border实现正方形继而实现旋转的八卦图先上个效果图<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" co
2018-12-05 19:51:09 1414
原创 css3实现奔跑的小人动画
定位 层级和动画的完美融合效果图有点吃藕了,图片不重要<!doctype html><html><!--根标签--> <head> <!--不可视区域--> <meta charset="UTF-8"><!--国际编码--> <!--网页三要素--
2018-12-04 19:42:49 3025
原创 那些年我们用css3实现的打开盒子的3d动画
本片博客意在练习使用css3的新增特性实现一些炫酷的特效特效如图代码如下<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"
2018-12-01 15:41:12 2284
原创 css3实现盒子旋转打开的3d动画
先来记忆一下动画相关的知识 animation 动画 帧数 1秒 60副画面 animation-name 动画名称 见名知意 animation-duration 动画时间 animation-delay 动画延迟时间 ...
2018-12-01 11:56:45 2069
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人