大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

TRANSPARENT

transparent的英文意思是透明的、清澈的,显而易见的、一目了然的,坦率的、光明正大的。

css实现边框动画

css实现边框动画 1、css实现边框动画 效果如图: body,div{ margin: 0; padding: 0; box-sizing: border-box; } .box{ width: 300px; height: 200px; padding: 20px; margin: 50px auto; color: #fff; background-color: #f60; } .border-box{ position: relative; width: 100%; height: 100%; padding: 20px; } .border-box::before

又一个css3 loading 打转的圆

又一个css3 loading 打转的圆 前端入坑纪 52 上回写过一篇《一直打转的圆圈》的css3 loading 效果,用的是障眼法. 今天来分享真正的环形圆圈来做, 其实是border啦,哈哈 好,详解如下! OK,first things first! github项目地址 你就是个圆 HTML 结构 就是只用一个div, 任性不, O(∩_∩)O哈哈~ CSS 结构 body{ background-color: aliceblue;circle{ border: 8px solid rgba(218, 141, 218, 0.5); width: 100%; left: -8px;

前端QRCode.js生成二维码插件

设置参数调用 下面会有参数详解 var qrcode = new QRCode('qrcode', { text: 'your content', width: 256, height: 256, colorDark: '#000000', colorLight: '#ffffff', correctLevel: QRCode.CorrectLevel.H });html后面加query参数,如:http://www.test.html/a.html?code=123 a.html中调用QRCode.js生成一个二维码,二维码中的信息是http://www.test.html/b.html?

React-Native开发中的坑点实录

React-Native开发中的坑点实录 从移动开发的角度来说,iOS和Android都有自己的一些UI特性,所以react-native宣称的写一套代码就可以通用就是骗人的鬼话,实际开发中,你会发现很多控件在iOS和Android上展示的效果不一样,或者有些属性支持iOS不支持Android。react-native早期是只支持iOS的,后来才支持的Android,所以直到现在react-native对iOS平台的支持还是比Android平台要友好。 UI方面 1.texti

微信小程序踩坑记

png /** 去除横向滚动条 */ ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } 2:未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。 未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。 使用小程序框架wepy的时候,报出这样的错误 图片.

【CSS】带边框的三角形

【CSS】带边框的三角形 34840-106.jpg image.png 思路是将2个三角形叠加起来,外层的三角形稍微大一些。 思路和《【CSS】内圆角》这个笔记的 “方法一” 类似。http://www.jianshu.com/p/6e61856cf143 这个笔记最后会补充《【CSS】画三角形》这个笔记里记漏的一点。http://www.jianshu.com/p/2c04549a8aae HTML代码: CSS代码: . left: -90px; 对应:上下 左右 如果只设置三个值,如:border-width: 1px 2px 3px;

【CSS】画三角形

【CSS】画三角形 270924-106.jpg 用CSS画三角形,利用border属性,把一个边设置成看到的样式,其他两边或三边用transparent方法变成透明。 image.png HTML代码: CSS代码: div { width: 0; border-top: 70px solid red; border-top: 50px solid transparent; height: 100px; background: #15A892; border-top: 20px solid #1574A8; border-right: 20px solid #E94E65; border-bottom: 20px solid #E9D24E; border-left: 20px solid #A81574;

【CSS】斜拼砖块背景

【CSS】斜拼砖块背景 微信订阅号:Rabbit_svip 先看看效果图 微信订阅号:Rabbit_svip CSS代码 body { background: linear-gradient(135deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px), linear-gradient(225deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px)0 64px; background-color:#708090; background-size: 64px 128px;

小程序如何隐藏 scroll-view 滚动条

小程序如何隐藏 scroll-view 滚动条 在使用横向 scroll-view 时,在 ios 手机上并没有出现滚动条,但是在Android上出现了令人难以接受的灰色滚动条 只需在滚动条页面的wxss中添加以下样式代码,就可以隐藏 /*隐藏滚动条*/ ::-webkit-scrollbar { width: 0; height: 0; color: transparent; }

用css写一个对话框

用css写一个对话框 要实现的对话框效果 首先分析一下对话框的组成:大致可以分两部分,左边的矩形和右边的三角形。矩形实现起来简单,那么三角形呢? 三角形的实现首先要从div说起 1.首先画一个div,给它设置宽高和背景颜色。再加上四条边的边框 Document . border-top: 50px solid pink; border-left: 30px solid ghostwhite ; border-bottom: 20px solid transparent; background-color:#cdcdcd ;

千变万化的div

千变万化的div 是HTML里再普通不过的一个元素了,但是如果加上各种属性的配合,那么它将会发出奇效,创造出千变万化的形状。下面我们就来感受下 的魅力.注:以下所以样式均由一个 完成效果图请点击 平平无奇的正方形与长方形 正方形与长方形没什么好介绍的,因为这个是本色演出。 1. 正方形 . border-radius: 100px / 50px; border-color: #4caf50 transparent; left: -18px; width: 20px;

CSS 的 background 属性小结

CSS 的 background 属性小结 background有8个属性控制,可以简写成一个 1.background-color background-color属性设置背景元素的 背景颜色,可以设置透明transparent .bottom-outer-left { background-repeat: round; image.png 8. background-clip background-clip背景绘制区域,也就是背景可以被绘制的区域,基于盒模型 和 background-origin一样有border-box,padding-box,content-box3个属性

Using string literals in ref attributes is depreca

Using string literals in ref attributes is depreca eslint报错问题 this.setState({ msgCode: text })} ref="MsgCode" / 正确格式为下面 用到refs属性时,比如:直接this.MsgCode.blur() this.setState({ msgCode: text })} ref={(c) = { this.MsgCode = c;

小Tip:有三角的指示框阴影实现

小Tip:有三角的指示框阴影实现 有三角的指示阴影框 利用css3滤镜 drop-shadow 直接上代码: . filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.4));jiao{ height: 0px; width: 0px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; margin: 0 auto; background: #fff; border-radius: 5px;

CSS变量

CSS变量 关键词:变量 不仅sass,less等可以使用变量,原生的css也是支持变量的,不知道大家有没有用过 语法:var( ,[ 默认值 ]? } 此时 #00BCD4生效,因为变量没有定义 CSS变量不合法的缺省特性 body { --color: 20px; background-color: #369; font-size: var(--size)px; --margins: calc(24px / var(--columns)); --fontSize: calc(20px - 4 / var(--columns)); } @media screen and (max-width: 1200px) { . } } @media screen and (max-width: 900px) { .

Windows下修改mysql编码为utf-8

public static final String DATABASENAME = "wangyimusic"; public static final String URL = "jdbc:mysql://localhost:3306/"+DATABASENAME+"?useunicode=true characterEncoding=utf8"; public static final String USERNAME = "root"; public static final String PASSWORD = "123456"; 好了,上面就是我解决mysql数据库编码问题的方法了,如果你遇到此类问题,可以尝试下,还是不行的话,欢迎留言探讨,转载请注明出处,谢谢!!

dock栏(Mackbook pro)设置透明度

dock栏(Mackbook pro)设置透明度 Dock栏虽然方便使用,但是系统自带的只能把它设置是黑色(系统认定的透明色).

react-native 之 Navigator

if (routes.length) { let route = routes[routes.length -1]; } } // 从这个 class 中可以看出,navigationBar 属性已经帮我们实现了一个导航栏了,如果不想要的话,可以直接返回 null。 routeMapper = { LeftButton: (route, navigator, index, navState) = { if (route.index 0) { return ( {if (index 0) {navigator.pop()}}} Back ); }, Title: (route, navigator, index, navState) = { return ( {route.title} );