css
张高伟
人生最美的是相遇,最难得的是相逢!
展开
-
bootstrap 圆形按钮
<button type="button" class="btn btn-default btn-circle"><i class="glyphicon glyphicon-ok"></i></button><button type="button" class="btn btn-primary原创 2018-03-08 09:47:09 · 2639 阅读 · 0 评论 -
优惠券样式收集
<!DOCTYPE HTML><html><head> <meta charset="UTF-8" /> <title>CSS3优惠券</title></head><body><div class="demo-contai转载 2018-03-08 17:42:04 · 1501 阅读 · 0 评论 -
进入css3动画世界(一)
分类目前我接触到的css3动画有2类:一种是transition的,另一种是@keyframes的。两者的区别就是,transition的动画表达是从一种状态到另一种状态,而@keyframes更加灵活,一个动画可以在不同进度表现成不同的状态。当然,如果从操作的对象进行分类(就我目前接触的而言),我想可以分3种,一种是html元素,一种是svg的,还有就是sprites的。转载 2017-09-30 10:56:29 · 390 阅读 · 0 评论 -
进入css3动画世界(二)
进入css3动画世界(二)进入css3动画世界(二)今天主要来讲transition和transform入门,以后会用这两种属性配合做一些动效。注:本文面向前端css3动画入门人员,我对这个也了解不深,如本文写的有纰漏请指出,不喜勿喷。transition属性从中文翻译来讲,这是一个过渡属性,而这个属性的属性值有四种:transition: property d转载 2017-09-30 10:47:24 · 173 阅读 · 0 评论 -
CSS 鼠标手指样式整理
通过设置style属性来控制鼠标指针样式style="cursor:*" href="#" style="cursor:pointer">CSS鼠标手型效果 href="#" style="cursor:crosshair">CSS鼠标十字型 效果 href="#" style="cursor:help">CSS鼠标问号效果text 是移动到文本上的那种效果wait原创 2017-08-12 19:37:57 · 1948 阅读 · 0 评论 -
chrome滚动条样式修改
对于chrome浏览器,它提供了修改滚动条样式的接口,开发者只需要加上几句css脚本,就可轻松实现滚动条样式的修改.先说一下滚动条的参数:::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的::-webkit-scrollbar-button 滚动条两端的按钮::-webkit-scrollbar-track 外层轨道::-webkit-scrollbar-track原创 2017-08-12 19:37:35 · 10733 阅读 · 0 评论 -
鼠标移动上鼠标指针各种变化
body>p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:p>span style="cursor:auto">autospan>br>span style="cursor:crosshair">crosshairspan>br>span style="cursor:default">defaultspan>br>span style="cursor:e-resize">e-resi原创 2017-07-01 18:33:42 · 1112 阅读 · 0 评论 -
CSS Sprites精灵图-图像拼合的使用
CSS Sprites精灵图-CSS图像拼合的使用CSS Sprite是什么?CSS Sprite直译为“CSS精灵”,也被称为通常被解释为“CSS图像拼合”或“CSS贴图定位”,是一种网页图片应用处理方式。其实就是把多张小图片整合到一张图片中去,再利用CSS的“background-image”,“background-repeat”,“background-position”进行背景定位,ba...转载 2018-05-07 13:42:12 · 459 阅读 · 1 评论