dhjosek289351300-CSDN博客

转载 bootstrap垂直下拉菜单默认展开

HTML：<div class="col-md-3">　　<nav class="navbar">　　　　<div class="container-fluid">　　　　　　<div class="navbar-header common-border-bottom common-border-right com...

2018-03-09 21:53:00 1031

转载代码实现导航栏分割线

无需背景图片就可以实现导航栏分割线，颜色自定，线段虚实自定。.nav1{ width:auto; height:50px; text-align:center; margin:13px auto 0; } ....

2018-03-09 21:51:00 153

转载 CSS3混合模式background-blend-mode

注意：background属性中的背景图片和颜色混合，只能在一个background属性中。属性值：background-blend-mode: normal; //正常background-blend-mode: multiply; //正片叠底background-blend-mode: screen; //滤...

2018-03-09 14:45:00 149

转载在HTML中禁止文字的复制

很简单，只需在<body>中添加如下代码：<bodyoncontextmenu=’return false’ondragstart=’return false’onselectstart=’return false’onselect=’document.selection.empty()’oncopy=’document.selection.e...

2018-03-09 13:41:00 109

转载关于HTML5在动画制作工具Animatron的一些问题

Animatron是国外一款在线HTML5动画制作工具，网址：www.animatron.com当然，想使用的话，是需要FQ的。用animatron制作好的动画是可以下载为代码和GIF的，这时候付费玩家自然又是充满优越感的，因为付费玩家可以下载普通玩家下不到的部分。下载下来的文件夹内容分为三个部分，play.js、project.html以及一些.mp3 .ogg。...

2018-03-09 13:40:00 150

转载为 placeholder 自定义样式

textarea::-webkit-input-placeholder{　　padding: 1em;}textarea::-moz-placeholder{　　padding: 1em;}同理，input的定义方法为：input::-webkit-input-placeholder{　　padding: .2em;}input::...

2018-03-09 13:39:00 95

转载图片加载失败显示默认图片占位符

为网站的图片加上加载失败的默认占位符会让网站看起来更专业、更严谨。<img src=”__PUBLIC__/img/simple/simplelove.png” onerror=”onerror=null;src=’__PUBLIC__/img/defaultpic.jpg'”>转载于:https://www.cnblogs.com/Zmmy/p/8531205.h...

2018-03-08 22:16:00 393

转载浏览器滚动条样式更改

/* webkit内核浏览器 */::-webkit-scrollbar {width: 8px;}::-webkit-scrollbar-button {width: 8px;height: 5px;}::-webkit-scrollbar-track {background-color: #ddd;border-radius: 0p...

2018-03-08 21:59:00 79

转载让textarea完全显示文章并且不滚动、不可拖拽、不可编辑

textarea {　　width: 100%;　　border: none;　　outline: none;　　resize: none;　　overflow: hidden;　　padding-bottom: 100%;　　background-color: inherit;}<textarea readonly="readonly"&g...

2018-03-08 10:22:00 265

转载解决css3毛玻璃效果(blur)有白边问题

做一个登录页，全屏背景图毛玻璃效果，实现方法如下：HTML：<body>　　<div class="login-wrap"> 　　　　<div class="login-mask"></div> 　　　　<div class="login-box"></div> 　　</di...

2018-03-08 10:13:00 680

转载 CSS3边框会动的信封

<!DOCTYPE html><html><head> <title>酷炫的CSS3</title> <meta charset="utf-8"></head><style> @keyframes ants { to { background...

2018-03-08 10:12:00 171

转载毛玻璃图层

以前写毛玻璃用的都是图层覆盖，看了LEA VEROU的《CSS揭秘》后才发现还有更优雅的毛玻璃：<!DOCTYPE html><html><head> <title>原来你是这样的毛玻璃</title> <meta charset="utf-8"></head>...

2018-03-08 10:11:00 132

转载自定义优雅的文本下划线

.underline { background: linear-gradient(90deg, gray 66%, transparent 0) repeat-x; background-size: .2em 2px; background-position: 0 1.4em; }<div class="underline">原来你是这样...

2018-03-08 10:10:00 111

转载文本行的斑马条纹

周知，表格的斑马条纹只需简单的运用伪类 :nth-child()/:nth-of-type()来处理就好了：tr:nth-child(even){　　background-color: rgba(0,0,0,.2);}但是把这种效果运用在文本行的时候就有点力不从心了，尽管js可以实现这种功能，但是这在理论上有违纯粹原则（javascript不应该掺合到样式层面来）...

2018-03-08 10:09:00 90

dhjosek289351300的博客