现在互联网时代网站何其多，各有各得风格，但是什么样的风格能留住用户的停留观看呢？
分类：
Web程序 时间：
2018-03-23 19:55:30
阅读次数：
249
先不说技术，看实现的效果， 与原图（左图）相比，‘灯光’ 照射（右图）下的小姐姐是不是更有魅力了！！ 那么下面就说说大家关心的技术实现过程。 其实这是我在学习css属性 mix-blend-mode 时想出的图片实现方式，下面先介绍一下mix-blend-mode这个属性，”blend-mode”就 ...
分类：
Web程序 时间：
2018-03-13 23:51:03
阅读次数：
1112
select的一些默认样式我们很难修改，比如图标的替换。接下来就说说如何修改这些默认样式： html代码： 给select添加父元素div目的是为了，用div的样式覆盖住select样式。 css代码： ...
分类：
Web程序 时间：
2018-03-11 21:41:27
阅读次数：
270
嗯……本着实践方能理解的思想，也为之后用的时候方便，做了下下拉列表的实现，果然动手才是真理啊！ HTML部分 没有什么好说的，直接上代码吧： CSS实现 单纯的HTML代码还是比较单调的，首先对其样式进行修改，至少……能看得下去。 .main ul li a:hover{ background:#6 ...
分类：
Web程序 时间：
2018-03-11 20:56:47
阅读次数：
200
用纯css就能实现取消事件响应的方法，pointer-events，使用起来更加简单，它可以： 1 阻止用户的点击动作产生任何效果 2 阻止缺省鼠标指针的显示 3 阻止CSS里的hover和active状态的变化触发事件 4 阻止JavaScript点击动作触发的事件 比如以下CSS就顺起到将禁用的 ...
分类：
Web程序 时间：
2018-03-05 20:43:38
阅读次数：
1887
在这里可发现很多与众不同的技术，比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面(英文)，单击每个实例的图片截图可以直接跳转到相应实例的Demo页面。 1.Hoverbox 图片集 一个纯净的基于CSS ...
分类：
Web程序 时间：
2018-03-02 20:45:16
阅读次数：
226
您正在学习WEB标准CSS网页布局吗？是不是还不能完全掌握纯CSS布局？通常有两种需要您特别注意: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对 ...
分类：
Web程序 时间：
2018-03-02 18:45:50
阅读次数：
219
转载链接：http://www.w3cplus.com/css/css-simple-shapes-cheat-sheet 前面在《纯CSS制作的图形效果》一文中介绍了十六种CSS画各种不同图形的方法。今天花了点时间将这方面的制作成一份清单，方便大家急用时有地方可查。别的不多说了，直接看代码。 为了 ...
分类：
Web程序 时间：
2018-02-28 16:22:12
阅读次数：
270
前言 在移动端的web开发中，一提起输入框，程序猿（媛）肯定有很多可以吐槽的点。 在输入框的运用中，小编也是很心累呀~ 不过，经过我 潜（cai）心（keng）研（jiao）究（xun），也算是了解了它的脾性... ... 特别鸣谢：周涵，家兴等 正文这里开始 👇 — — — — — — — — ...
分类：
其他好文 时间：
2018-02-22 17:34:13
阅读次数：
195
网页有些时候需要能滚动的效果，但是不想要滚动条，我就遇到了这样的需求。自己用jq写了一个垂直滚动条。 纯css也可以实现 但是edge和Firefox不兼容，自己想了一下只要监听滚轮事件，用jq写应该很简单，所以就自己写了一下。 原理：需要两个div，第一个就命名为box-wrap吧，它是一个外层的 ...
分类：
Web程序 时间：
2018-02-20 12:21:26
阅读次数：
498
