- 博客(21)
- 收藏
- 关注
原创 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 494
原创 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 242
原创 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 222
原创 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 308 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 215
原创 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 142
原创 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 465
原创 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 183
原创 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 264
原创 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 391
原创 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 161
原创 4.花瓣特效----js+旋转+位移+随机颜色+随机位置
在3.花瓣特效----js+旋转+位移的基础上再增加位置和颜色的变化。1.思路:利用Math.random来产生(0,16)的随机数,然后创建从1到F的数组New_color,New_color[num]即为随机的一位颜色,需要产生随机的颜色。产生随机位置,需要知道浏览器视口的宽高,根据其宽高来生成对应范围的随机数,还需要记录之前位置,然后根据之前的位置移动到新产生的位置。将随机产生的l...
2019-08-13 11:34:31 594 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 706
原创 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 568
原创 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 1999
原创 三层效果: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 559
原创 Bootstrap响应式轮播图
1.bootstrap响应式轮播图一般会准备俩套图:2000410(PC端) 和640340(移动端)①大图在拉伸的时候,不做自适应变化,仅仅是俩边空白变小而已,而且需要居中显示②小图才需要自适应变化,随着屏幕而发生变化2.具体的思路:①大图用background来设置url、no-repeat、center、center,使其图片居中,再利用background-size 来控制其铺满全...
2019-06-01 18:23:53 1230
原创 利用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 6115
转载 关于SIFT算法的学习
运用到的东西:1、.关键点:提取到目标图像的特征后,通过与输入图像进行特征匹配,找到那些相同的区域或者像素点,就是上面所说的关键点。2、兴趣点,又被称为点特征,指的是图像中具有特殊性质的像素点,是图像的重要特征。它具有旋转不变性和不随光照条件变化的优点。这类点被大量用于解决物体识别,图像匹配,视觉跟踪,三维重建等问题。 用于点特征提取的算子称为兴趣点算子,常用的有Harris角点检测、F...
2018-08-05 17:43:34 267
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人