摘要：
简述上节分享了clip-path来实现一个剪切横幅，本节通过另外一种方式来实现一个更经典的横幅。简述最终效果小三角效果源码阴影分割效果源码合并最终效果我们先看一下最终要实现的效果。我们要实现这样一个效果，首先需要将其进行上下分割，上面为一个红色背景右边有剪切三角且下边带阴影效果的样... 阅读全文
posted @ 2016-03-16 19:32
挨踢人啊
阅读(379)
评论(0)
推荐(0)
摘要：
简述clip-path属性指定一个应用到元素上的剪切路径。应用在SVG中元素上的属性值可以完全运用在clip-path属性上。还可以使用CSS Shapes模块中的基本形状来定义剪切路径。这些形状可以使用形状函数来创建。这些形状态函数包括polygon()、circle()、ins... 阅读全文
posted @ 2016-03-16 17:31
挨踢人啊
阅读(150)
评论(0)
推荐(0)
摘要：
简述网页上经常会出现一些弧形的阴影效果，看起来很漂亮，下面我们来讲述下如何用CSS来实现一个弧形阴影。简述阴影效果注释标题效果源码合并效果源码阴影效果首先实现一个简单的阴影效果 注释box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5)表示一个带外... 阅读全文
posted @ 2016-03-16 16:44
挨踢人啊
阅读(1035)
评论(0)
推荐(0)
摘要：
简述下面我们来讲述如何仅仅用CSS来实现一个可折叠的导航。简述nav标签summary标签效果源码解释为小三角添加CSS样式标签定义和用法 标签定义导航链接的部分。HTML4.01与HTML5之间的差异标签是HTML5中的新标签。标签定义和用法标签包含details元素的标题，”d... 阅读全文
posted @ 2016-03-16 11:09
挨踢人啊
阅读(697)
评论(0)
推荐(0)
浙公网安备 33010602011771号