CSS

站长资源全栈工程师阅读(1139)评论(0)

在网页设计中很多时候我们只看到半透明效果的层级效果，然而半透明+模糊背景，这种超漂亮的视觉却很少见，其中一个原因就是实现方式有难度，难道真这么难实现吗？No~ 现在只需要用 CSS 也能实现了！ 今天分享的 Blur 案例就是使用纯 CSS...

站长资源全栈工程师阅读(1116)评论(0)

等待加载、加载中的在网页上是很常用的元素，实现方式也很多，其中直接用 GIF 动画、CSS sprites 等，而今天介绍的就是以纯 CSS + 纯字符实现的 loading加载效果，样式超级多，可选择一款应用到你的网页项目上吧。 <...

站长资源全栈工程师阅读(1021)评论(0)

CSS 能实现很不多不同的样式，只有你想不到，没有做不到哦，今天为大家分享的 bttn.css 是一个专注分享网页按钮的样式库，设计师和前端人员可以参考这个设计，也能直接拿来使用。 bttn.css 特色 13种按钮样式 4 种按钮尺寸 6...

站长资源全栈工程师阅读(1265)评论(0)

CSS hover 样式很简单，但是想创造出有意思、实用、有创意性的特效是很考验设计师的创意能力，所以设计达人每隔一段时间都会分享一些与鼠标点击、悬停的相关特效，以便大家获得更好的创造灵感。 今天我们整理了10组网页按钮的点击与悬停效果...

站长资源全栈工程师阅读(1111)评论(0)

html： <div class="sj_down"></div> <div class="sj_up"></div> <div class="sj_left"></div&...

站长资源全栈工程师阅读(1212)评论(0)

    前段时间写鼠标悬停元素上移效果时，当鼠标恰好放在元素边缘时，chrome出现一直上下移动的问题，其他浏览器表现正常。原因尚不知，可能是实现方式不对吧（PS：使用top实现），虽然不知道原因，但...

站长资源全栈工程师阅读(1755)评论(0)

效果：  and  我们可以来分析下：要实现这种效果 无外乎就是一个矩形和一个小三角形 然后三角形定位上去就可以了，那么我们怎么样通过css来制作小三角形呢？ 一：首先我们来看看css border属性，当我们把一个p ...

站长资源全栈工程师阅读(1148)评论(0)

1 六角形 代码如下: #star-six { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; ...

站长资源全栈工程师阅读(1058)评论(0)

某个元素设置无边框，只需要给元素设置border:none即可，当然设置border:0效果一样，但实际上两者是有性能差别的 border:none：边框设置为为none，不做任何处理； border:0：边框宽度设置为0像素，但是实际上b...

站长资源全栈工程师阅读(1105)评论(0)

一、border:none border-style的简写 在chrome审查元素看到以下结果 element.style { border: none; border-top-style: none; border-right-style...