bangang8308-CSDN博客

转载 css3 鼠标悬停图片动画

<div class="grid"> <figure class="effect-milo"> <img src="img/3.jpg"/> <figcaption> <h2>Faithful <span>...

2019-09-19 16:20:00 439

转载 css3 一个六边形和放大旋转动画DEMO演示

<!DOCTYPE html><html> <head> <meta charset="gb2312"> <title>放大旋转动画DEMO演示</title> <style type="text/css"> ...

2019-09-19 11:28:00 252

转载 pc 收藏夹拖拽移除的简单例子drag drop

代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css">...

2019-09-19 11:17:00 158

转载 css 折角效果/切角效果

首先我们先创建一个图案为100像素的斜面切角的图案html<div class="one">12345</div>css.one{ width: 100px; height: 100px; margin: 0 auto; background: yellowgreen; backgrou...

2019-04-03 14:47:00 542

转载 css 给图片添加滤镜效果，透明层毛玻璃效果

我们用的第一个滤镜是sepia（），他会给图片增加一整降饱和度的橙色染色效果原图添加sepia滤镜的效果 img{ width:100%; transition: .5s filter; filter:sepia(2); } img:hover{ filter:none; }给色度添加...

2019-04-02 18:14:00 615

转载 box-shadow单侧投影,双侧投影，不规则图案投影

底部投影box-shadow: 0 5px 4px -4px black;底部右侧投影3px 3px 6px -3px black两侧投影box-shadow: 7px 0 7px -7px black, -7px 0 7px -7px black;不规则投影不规则图像直接写box-shadow: ...

2019-04-02 15:43:00 190

转载 css切角效果，折角效果

html<div class="one">12345</div><div class="two">abcde</div>css .one{ height: 200px; width: 200px; margin: 10px auto; line-height: 200px...

2019-04-02 15:01:00 193

转载 css 画饼图倒计时圆圈

html<div class="pie"></div>css　 .pie{ width: 200px; height: 200px; border-radius: 50%; background: yellowgreen; background-image: linear-gradie...

2019-04-02 14:53:00 731

转载 js判断用户手机是IOS还是Android

let u = navigator.userAgent, app = navigator.appVersion; let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //安卓机！ let isIOS = !!u.match(/\(i[...

2019-01-29 13:49:00 130

转载进入页面直接跳转到导航栏选定位置

this.$nextTick( () => { //图片列表栏始终左对齐 this.$refs.nav.scrollTo(document.body.scrollWidth, 0) })scrollTo（x，y）x指的是横向滑动的距离y指的是纵向滑动的距离...

2019-01-17 15:04:00 377

转载 moment 获取当前月日历

获取当前月日历<template><div> <div style="width:100%;background:rgb(255,255,255);"> <table cellpadding="0" cellspacing="0" id="1"> <tr> ...

2019-01-04 14:41:00 1806

转载 vue echarts 给饼图中间添加文字，并且添加多个样式

最近根据设计要求写了一个统计图，以下是设计要求，要求中间文字分别是总数和汉字，样式分别不同好吧具体的解决方案如下方案一series: [ { type:'pie', radius: ['50%', '70%'], ...

2018-12-24 13:58:00 3926

转载 ios position:fixed 上滑下拉抖动

ios position:fixed 上滑下拉抖动最近呢遇到一个ios的兼容问题，界面是需要一个头底部的固定的效果，用的position:fixed定位布局，写完测试发现安卓手机正常的，按时ios上会出现上滑或者下拉的时候头部或者底部被带下来，然后过一会自己在滑上去，感觉很卡顿，感官很不好，最后发现是position:fixed的兼容问题百度找了两个方案分别用了一下方案一...

2018-12-23 13:14:00 888

bangang8308的博客