在线演示 本地下载
转载 2018-12-05 19:25:00
351阅读
2评论
这是一款效果非常有创意的纯CSS3液态胶合效果的环形菜单按钮特效。该环行菜单按钮在用户点击主菜单按钮后,两行子菜单会以环状的方式打开,并且子菜单就像液体一样,能够胶合,具有弹性,效果非常炫酷。使用方法 HTML结构在HTML结构中,主菜单按钮使用input[type='checkbox']的复选框和一个<label>
.redius{ border-left:10em solid red; border-top:10em solid; -webkit-border-top-left-radius:10em; -webkit-border-top-right-radius:0px; ...
css
转载 2014-12-15 10:08:00
236阅读
2评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <
转载 精选 2013-06-09 00:42:36
447阅读
在线演示 本地下载
转载 2018-12-05 15:46:00
110阅读
2评论
两个对半矩形遮罩, 使用rotate以及overflow: hidden进行旋转
转载 2020-12-15 00:52:00
565阅读
2评论
http://tympanus.net/Tutorials/CircularNavigation/interactivedemo/index.html
转载 2014-12-15 10:14:00
388阅读
2评论
实现的难点在于:first-child,last-child 两个选择器,以后margin-left:-1px;的应
原创 2012-08-31 19:28:00
150阅读
以往我们要实现菜单,都需要借助Javascript,今天我们用CSS 3与Html 来实现一个纯菜单,首先来看核心的HTML片断代码:<nav><ul><li><a href="#">Home</a></li><li><a href="#">Language</a><ul&g
转载 2012-11-30 08:25:00
89阅读
2评论
在线演示 本地下载
转载 2018-12-02 10:41:00
352阅读
2评论
在线演示 本地下载
转载 2018-12-05 18:22:00
229阅读
2评论
在线演示 本地下载
转载 2018-12-05 14:35:00
107阅读
2评论
今天我给大家介绍一下如何使用纯CSS来实现的一个响应式导航菜单,我们使用的是HTML5+CSS3技术,当浏览器窗口变小或者使用手机浏览器访问的时候,原本横条菜单会收缩成一个下拉菜单,当鼠标滑向菜单时下拉展示全部菜单。此方法可以应用到有特别多的链接菜单项目中,特别在移动项目中,它可以将所有菜单转换成一个按钮式的下拉菜单。查看演示DEMOHTML示例中有一个导航菜单的html结构,元素<nav&
转载 精选 2014-05-07 10:48:57
747阅读
​注意:菜单翻转效果在搜狗浏览器上看不出来。推荐用FireFox <!DOCTYPE   html   PUBLIC   "-//W3C//DTD XHTML 1.0 Strict//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > <html
转载 2013-08-04 20:45:00
286阅读
2评论
在线演示 本地下载
转载 2018-12-03 20:23:00
171阅读
2评论
下拉菜单是我们做前端经常遇到的一些案例,今天学习了一下一个博客做的案例,例子如下:源代码下载地址 css部分代码ul {    font-family:Arial, Helvetica, sans-serif;    background:#ccc;    background:-webkit-gradient(linear, left top, l
原创 2022-06-30 16:05:14
126阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画: 是从一个状态 渐渐的过渡到另外一个状态帧动画:通过一帧一帧的画面按照固定顺序和速度播放。
原创 2020-07-15 10:21:01
2202阅读
在线演示 本地下载
转载 2018-12-02 10:39:00
104阅读
2评论
在线演示 本地下载
转载 2018-12-05 20:13:00
136阅读
2评论
charset="UTF-8">     type="text/css">   #wrap{width: 250px;height: 250px;position: relative;margin: 30px auto;   transition: all 10s ease-in-out;   transform-style: pr
原创 2022-03-28 16:12:52
486阅读
  • 1
  • 2
  • 3
  • 4
  • 5