- 博客(21)
- 收藏
- 关注
RSS订阅原创 Angular4以上解决跨域问题
1.利用node+express搭建后台：import * as express from 'express'const app = express();export class Product { constructor( public id: number, public title: string, public price: numbe...
2019-09-29 12:09:41
478
原创 3.Btn、Div特效---利用border-radius
1.效果图（具体代码再最下面）：2.上面各种效果的思路：效果一：①效果图：②思路：需要一个容器wrap和3个div，外部容器wrap设置border，内部的3个div的width和height相等，并利用border-radius为50%，使其形成圆形；然后让两个div分别位于warp边框的左边和右边，hover时让其移动到盒子中间；而另一个div的width和height相等（宽...
2019-09-06 10:23:44
210
原创 2.Btn、Div特效---利用height和width
1.效果图（具体代码再最下面）：2.上面各种效果的思路：效果一：①效果图：②思路：用绝对定位将俩个相同的大小的div定位到一起，然后将index高的div的width设置为0，最后hover的时候使其width变为100%，还有color从blue变为white就可以了。效果二：①效果图：②思路：需要五个div来实现效果，外层一个div用来设置border，内层四个di...
2019-09-05 22:39:22
201
原创 1.Btn、Div特效---利用border
1.效果图（具体代码在最下面）：2.上面各种效果的思路：效果一：①效果图：②思路：利用设置width和height为0，然后利用border的left和top组成一个三角形并将其定为到左上角的位置，然后hover的时候，让它的border-width从0到140px，从而形成上图的效果；③如果overflow不设置为hidden，则很明显：效果二：①效果图：②思路：...
2019-08-29 10:13:59
256
1
原创 4.CSS几何旋转----圆形+波浪
1.效果图：2.Html结构：<div class="loading"> <div class="wrapper"> <div class="circle"></div> <div class="circle"></div> <div class="circle"></div...
2019-08-22 19:07:01
195
原创 3.CSS几何旋转----正边形+js
1.效果图：2.HTML结构：<div class="loading"> <div class="div1"> <div class="div"></div> <div class="div"></div> <div class="div"></div> <...
2019-08-19 09:59:28
128
原创 1.CSS几何旋转----等边三角形
1.效果图： 2.HTML代码：<body> <div class="loading"> <div class="div"></div> <div class="div"></div> <div class="div"></div> <div c...
2019-08-18 13:14:20
407
原创 Loading----圆+旋转+文字
1.效果图：2.HTML代码：<div class="loading"> <div class="circle-left"> <div class="text">LOA</div> <div class="circle-item"> <div class="small-circl...
2019-08-16 10:31:01
162
原创 3.loading----圆+切换旋转角度+js
1.由“2.loading----圆+各种角度旋转”的基础上继续扩展一下，用js来动态的设置animation，来切换效果，具体是：120度动画完（3个）、接着90度动画（4个）、接着60度动画（6个）、最后再45度动画（8个），效果图如下所示：2.HTML代码：<div class="loading"> <div class="text">Loading.....
2019-08-15 13:37:48
238
原创 2.loading----圆+各种角度旋转
1.由上一篇继续扩展，既然有了旋转120度，那我们试一下每45度（8个circleup）、每60度（6个circleup）、每90度（4个circleup）,感觉效果还不错；2.效果图：旋转120度的效果图：旋转90度的效果图：旋转90度的效果图：旋转45度的效果图：3.思路：只是在第一篇的基础上进行修改，增加旋转的.circleup的数量，如每45度旋转，...
2019-08-15 10:59:27
365
原创 1.Loading特效----圆+旋转120
1.让我们先来看下效果：2.HTML结构：<div class="loading"> <div class="text">Loading....</div> <div class="wrapper"> <div class="circlesup"> <div class="circl...
2019-08-15 10:37:59
133
原创 4.花瓣特效----js+旋转+位移+随机颜色+随机位置
在3.花瓣特效----js+旋转+位移的基础上再增加位置和颜色的变化。1.思路：利用Math.random来产生（0,16）的随机数，然后创建从1到F的数组New_color，New_color[num]即为随机的一位颜色，需要产生随机的颜色。产生随机位置，需要知道浏览器视口的宽高，根据其宽高来生成对应范围的随机数，还需要记录之前位置，然后根据之前的位置移动到新产生的位置。将随机产生的l...
2019-08-13 11:34:31
521
2
原创 3.花瓣特效----js+旋转+位移
1.用CSS写花瓣特效感觉写得不够灵活，很多地方都要自己计算位置，所以想用js来动态计算，我们只需要提供半径、花瓣的宽度、高度等，就可以来修改动画。2.思路：1.需要先知道外部容器的宽度wrapper_w和高度wrapper_h，接着获取花瓣的宽度petal_w和高度petal_h，然后将8个花瓣的div定位到外部容器的中心（为了之后的方便旋转），中心的left为（wrapper_w-peta...
2019-08-13 10:07:05
686
原创 2.花瓣特效----旋转+位移
1.html的布局：<div class="raote-an"><!--背景区域--> <div class="container"><!--旋转的区域，内部div用来当花瓣的--> <div class="one"></div> <div class="two"></div...
2019-08-12 12:23:15
525
原创 1.花瓣特效----旋转效果
1.花瓣特效图：2.html的布局：<div class="raote-an"><!--背景区域--> <div class="container"><!--旋转的区域，内部div用来当花瓣的--> <div class="one"></div> <div class="two"&g...
2019-08-12 11:19:03
1938
原创 三层效果：img+background+文字居中显示
三层效果：img+background+文字居中显示①布局：②先使container-fluid、row、col-md-4的padding-left和padding-right为0③设置img的max-width：100% height:auto，这样img会撑开col-md-4的容器④设置col-md-4的background，但是这样是看不到的，只有在img中加opacity为0...
2019-06-02 21:32:44
524
原创 Bootstrap响应式轮播图
1.bootstrap响应式轮播图一般会准备俩套图：2000410（PC端） 和640340（移动端）①大图在拉伸的时候，不做自适应变化，仅仅是俩边空白变小而已，而且需要居中显示②小图才需要自适应变化，随着屏幕而发生变化2.具体的思路：①大图用background来设置url、no-repeat、center、center，使其图片居中，再利用background-size 来控制其铺满全...
2019-06-01 18:23:53
1206
原创 利用Bootstrap在栅格中左侧图片，右侧文字垂直居中
1.添加栅格和倆列的设置，大致html如下text-center是使文本水平居中显示设置图片的CSS：2.效果：3.现在问题是如何使右侧的文字居中：（利用flex布局实现）①在row中设置：display：flex②在里面的col-md-6 设置其分别占据一半的width；flex：0 0 50%；如下图所以：height高度已经搞定③给其加margin-bottom，marg...
2019-05-31 15:52:56
5927
转载 关于SIFT算法的学习
运用到的东西：1、.关键点：提取到目标图像的特征后，通过与输入图像进行特征匹配，找到那些相同的区域或者像素点，就是上面所说的关键点。2、兴趣点，又被称为点特征，指的是图像中具有特殊性质的像素点，是图像的重要特征。它具有旋转不变性和不随光照条件变化的优点。这类点被大量用于解决物体识别，图像匹配，视觉跟踪，三维重建等问题。 用于点特征提取的算子称为兴趣点算子，常用的有Harris角点检测、F...
2018-08-05 17:43:34
216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人