网站设置背景渐变色，这里看到这一组配色效果还是不错的，于是就将这些脚本记录下来，以后如果有需要的话还可以用到。这实现方法是用到CSS3 background 渐变效果。 这里用到的是现行渐变效果。 b...
CSS3 background 渐变效果一行代码实现
阅读全文
CSS控制内容分别在PC电脑端或移动端单独显示方法
网站希望在主题中加入广告代码，让在移动端显示，但是不在PC电脑端显示。据说已经耗时两小时找遍网上的代码并没有解决问题。开始我也想到去用JS代码判断用户客户端，然后给予分别显示，感觉那太麻烦了，何不直接...
网页制作5种方法实现CSS渐变色边框Gradient borders
给 border 设置渐变色是很常见的效果，实现这个效果有很多思路，今天把我所知道的方法罗列于此供大家参考。 1. 使用 border-image CSS 提供了 border-image 属性用于给...
网页制作CSS filter 神奇用途：网页置灰、元素强调、高亮、毛玻璃效果
基本概念 CSS filter 属性将模糊或颜色偏移等图形效果应用于元素形成滤镜，滤镜通常用于调整图像，背景和边框的渲染。它的值可以为 filter 函数 <filter-function>...
CSS中数学函数之min、max、calc、clamp
现在的 CSS 能够做很多事情，而对于浏览器的兼容性只需考虑主流的，并且大部分主流的浏览器都支持最新 CSS 特性。本文来总结一下CSS中数学函数之min、max、calc、clamp。 min() ...
web前端开发CSS技能进阶：使用 resize 实现强大的图片拖拽切换预览功能
使用纯 CSS 利用 resize 实现强大的图片切换预览功能。类似于这样： 思路 首先，要实现这样一个效果如果不要求可以拖拽，其实有非常多的办法。 将两张图片叠加在一起 改变上层图片的宽度，或者使用...
web前端开发js、css、html压缩与混淆：页面加速防止被抄袭
背景 前段时间针对某件大事件，我们用之前的一个老原生html项目，涂涂改改快速做了一个h5，由于时间紧迫直接上线了 结果没想到。。。。第二天就被某大公司抄袭了。。。调了点颜色、改了些文案就直接抄袭并上...
18个CSS技巧：从重置（reset）到灵活运用root类型
1、使用CSS重置（reset） css重置库如已经被使用很多年了，它们可以为你的网站样式提供一个比较清晰的标准，来确保跨浏览器之间的一致性。大多数项目并不需要这些库包含的所有规则，可以通过一条简单的...
网页制作CSS实现多行文本展开收起/溢出省略效果
如何实现 展开 和 收起 切换按钮的文字环绕效果 如何实现多行文本溢出省略效果 如何实现 展开 和 收起 的状态or文字切换 初始 html： <div class="text"> &...
网页制作CSS实现水平或垂直居中的14种技巧
前言 css水平和垂直居中是一个亘古不变的话题，它常常出现在优美的网页上以及各大前端面试当中。说来惭愧，在两年前面试的时候，我完全不知道如何做到水平和垂直均居中的方法，那场面别提有多尴尬了（ps：特想...