![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
MajorMayer
其实我是:
(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]
展开
-
【小技巧】制作一个滑动过渡切换的导航条
实现效果图: 原理: 使用2个相同的导航条,一个(nav1)放置在底部做为默认样式,一个(nav2)做为鼠标悬浮上去的样式。 将nav1和nav2全部绝对定位于同一个父容器。 nav2的宽度只设置为一个菜单的大小,让溢出的部分隐藏,这样就透出底部的默认样式,达到没被训中的效果。 通过js来控制滑块(bg)在nav2上滑动,滑动到的地方就显示出悬浮效果。 d原创 2016-04-25 16:57:03 · 2966 阅读 · 1 评论 -
【收藏】一些实用的分割线
网页中经常会用到一些简单但是实用的分割线。 这里收藏了一些css制作的分割线(拿来主义^_^)分割线one <hr class="style-one">hr.style-one { border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc,原创 2016-03-29 12:33:08 · 5159 阅读 · 1 评论 -
usemap做一个图片识别
验证码给大家的印象就是一个随机号码,感觉很枯燥:用usemap来做一个图片识别验证码效果usemap用法介绍 usemap 属性提供了一种“客户端”的图像映射机制. 他可以将一个图片在网页中更具用户的map 划一个区域area来表示逻辑映射。这个area有以下属性:shape=”rect”:热点的形状shape为矩形rect(rectangular);style=”cursor:原创 2016-06-22 10:46:38 · 1301 阅读 · 0 评论 -
【小技巧】css3 scale 或者zoom实现文本根据容器自动缩放
在开发手机web经常会用到效果 上面的文字会随着容器变小变大自动缩放。实现代码 ie使用zoom 火狐或其他浏览器使用transform:scale源码*<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=原创 2016-04-01 15:31:45 · 6881 阅读 · 0 评论