css3
金刚腿
这个作者很懒,什么都没留下…
展开
-
css3实现 slideUp/slideDown效果
1. 纯css3实现<h1><mark>PURE CSS</mark> Slide Up and Slide Down</h1><input id="toggle" type="checkbox"><label for="toggle">toggle slider</原创 2018-07-04 09:46:48 · 7515 阅读 · 0 评论 -
css多行文字实现省略结尾
例子.text{ display: -webkit-box; height: 2.6rem; line-height: 1.3rem; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertica...原创 2018-07-12 15:28:10 · 735 阅读 · 0 评论 -
弹性布局水平垂直居中兼容性
#centerBox{ border:1px solid red; height: 100px; width: 100px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack...原创 2018-07-19 14:38:23 · 1119 阅读 · 0 评论 -
按钮实现水波纹效果(CSS3和Canves)
这种效果可以由元素内嵌套canves实现,也可以由css3实现。 Canves实现 网上摘了一份canves实现的代码,略微去掉了些重复定义的样式并且给出js注释,代码如下 html代码:<a class="btn color-1 material-design" data-color="#2f5398">Press me!</a>css代码: ...原创 2018-09-03 10:17:37 · 1196 阅读 · 0 评论