04 2020 档案

css实现图片上下模糊（附带效果图）
摘要：css控制图片模糊，毛玻璃效果 css控制图片上下模糊，鼠标移入模糊清除！ html代码： <ul> <li> <div class="ig"> <a class="img-box" href=""> <img src="images/cust1.jpg" alt=""> <div class="b 阅读全文
posted @ 2020-04-25 23:14 chalkbox 阅读(1577) 评论(0) 推荐(0)
CSS实现对角边框样式
摘要：CSS实现对角框，边角加个边框、四角框 一：线性渐变方式： 鼠标悬停触发显示:hover { background: linear-gradient(to left, #043add, #043add) left top no-repeat, linear-gradient(to bottom, # 阅读全文
posted @ 2020-04-15 13:04 chalkbox 阅读(3105) 评论(0) 推荐(0)
JQ实现选项卡切换
摘要：使用JQuery实现选项卡切换：触发添加和删除类名！ html代码 <div> <div class="ig"> <img src="images/dl1.jpg" alt=""> <div class="video-btn"> <p>Watch video</p> <a href=""><i></ 阅读全文
posted @ 2020-04-06 11:08 chalkbox 阅读(1207) 评论(0) 推荐(0)
鼠标悬停改变长度
摘要：栅格系统中鼠标悬停时向左改变宽度 关键词： transform: scaleX(1.2) transform-origin 栅格一行两列布局，，左侧图片，右侧ul li列表 html代码： <div class="row tet"> <div class="col-12 col-md-8"> <di 阅读全文
posted @ 2020-04-02 22:13 chalkbox 阅读(403) 评论(0) 推荐(0)
关于使用栅格系统加图片定位展示商品
摘要：栅格+定位使图片高于文档流 用来展示图片不规则的定位，仅供参考！（row和col-4是参考bootstrap栅格系统做的） html： <div class="ui container"> <div class="row r1"> <div class="col-4 col-md-4 c1"> <d 阅读全文
posted @ 2020-04-01 22:34 chalkbox 阅读(413) 评论(0) 推荐(0)