来自谷歌的网页色彩搭配
来自谷歌的网页色彩搭配

前言无意间在 chrome://settings/help 发现了谷歌的配色方案,别说还挺全的,留存一份,以便使用。这套配色从浅到深,层级分明,清晰明了,有了这个方案,对查找配色来说,就不那么麻烦了。感兴趣的同学可以看下。预览我顺手弄了个在线预览版,方便复制色值代码。👉🏻 https://maicong.me/color代码使用方法1、变量声明法: 使用 CSS 3 的 var 函数调用 (查看支持此写法的浏览器).font { color: var(--google-red-100); }2、直接调用法: 直接调用对应色值.font { color: #f4c7c3; ......

本博左下角的“加载中”网页特效代码

这个特效叫“圆圈加载”,需要加载jQuery。首先我们在header.php中引入jQuery库<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="<?php bloginfo('template ......

一款CSS图像拼合插件:AtlasCss(Photoshop插件)

AtlasCss:一个可以根据你的CSS文档而衍生图像拼合技术的小插件。通过这个插件会生成一个文件,里面包含了所有的图标,运用于CSS Sprites。使用方法:⒈下载插件 AtlasCss.zip(汉化版:AtlasCss汉化版) ⒉将文件解压到"Your Applications folder"/Adobe Photoshop/Presets/Scripts ⒊打开 Photoshop ⒋选择 Files>Scripts>AtlasCss(文件>脚本>AtlasCss) ⒌浏览并选择来源文件夹 ⒍选中“启用数据文件导出”创建CSS文件 ......

CSS边框之最大宽度的探讨...

前端时间在Jayuh Blog看见一篇利用border制作纯CSS三角形的文章,联想到这个自称世界最高的网页,一下子兴趣来了。 我想知道css里border的最大宽度是多少,于是改了一下Jayuh的demo。 做了一个CSS边框之最大宽度的探讨。 经过研究发现,CSS边框最大宽度是4294967294px,你们去试试看,这个值准不准确。 戳我查看Add:2013-05-30 16:30经过高手指点,CSS边框最大宽度:无符号是0px~(2³²-1)px,有符号是(-2^16)px~(2^16-1)px,你了解了吗?Add:2013-05-30 16:50最新研究发现,火狐无视最大 ......

用css自定义滚动条样式

如果你是一个搞网页前端的,有必要了解一下自定义滚动条样式这个东东。目前支持自定义滚动条样式的有IE浏览器、webkit内核浏览器(chrome)。IE下的滚动条样式1、样式规则 scrollbar-arrow-color: color; /*上下按钮上三角箭头的颜色*/ scrollbar-face-color: color; /*滚动条凸出部分的颜色*/ scrollbar-3dlight-color: color; /*滚动条亮边的颜色*/ scrollbar-highlight-color: color; /*滚动条空白部分的颜色*/ scrollbar-shad ......

美化版返回顶部、返回底部按钮代码。

给网站加个返回顶部、返回底部的按钮,很简单很实用很友好。只需一句html插入代码、一句CSS美化代码、一句jQuery滑动代码,就可以搞定啦!如图所示:其中包含返回顶部、页面锚点跳转、onclick新窗口链接、onclick当前窗口打开链接、返回底部。可以根据需要,增减相应按钮。CSS代码:/*返回顶部和底部CSS代码,使用请直接粘贴至相应CSS文件内 www.yuxiaoxi.net*/ #gotop{position:fixed;top:45%;right:10px;display:block;} #shang{background:url(top.png) no-rep ......