CSS
王大强~
一个程序员的自我修养
展开
-
鼠标悬停特效--css动画源码--
转 点击查看原文/* animation */.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}.a-fadein,.a-fadein...转载 2018-06-20 10:01:59 · 423 阅读 · 0 评论 -
css媒体查询代码片段
大体模板@media screen and (min-width: 1441px) {}@media screen and (min-width: 1440px) {}@media screen and (min-width: 1371px) {}@media screen and (min-width: 1370px) {}@media screen and (min-width: 1250px...原创 2018-03-16 16:22:03 · 512 阅读 · 0 评论 -
鼠标样式
crosshair; 十字准心The cursor render as a crosshair游标表现为十字准线cursor: pointer; cursor: hand;写两个是为了照顾IE5,它只认hand。 手The cursor render as a pointer (a hand) that indicates a link游标以暗示(手指)的形式来表明有一个连接cursor: wai...转载 2018-03-16 16:05:26 · 434 阅读 · 0 评论 -
苹果手机 滚动不流畅问题简单处理
-webkit-overflow-scrolling : touch;---加个这个就行例:.left,.tcleft { position: fixed; font-size: .5rem; width: 21.3%; background: #f5f5f5; overflow-y: auto; z-index: 999; -webkit-overf原创 2018-02-03 09:51:59 · 7092 阅读 · 0 评论 -
按钮点击效果(波纹)
html>html>head> meta charset="utf-8"> title>按钮title> style> .btn { margin: 25px auto; position: relative; font-size: 25px; color:原创 2017-11-06 16:36:26 · 2383 阅读 · 0 评论 -
屏幕适配之c3媒体查询代码块(20/1为1rem)
@media only screen and (width: 320px) { html { font-size: 16px; }}@media only screen and (width: 360px) { html { font-size: 18px; }}@media only screen and (width: 3原创 2017-10-18 10:01:39 · 797 阅读 · 0 评论 -
图标字体(代码演示)
web字体html>html>head lang="en"> meta charset="UTF-8"> title>title> style> p{ font-size:30px; } /* 如果要在网页中使用web字体(用户电脑上没有这种字体),*/ /* 声明字体*/原创 2017-04-26 15:03:52 · 1759 阅读 · 0 评论 -
margin 详解
margin 属性介绍margin 的几种使用方法,简单带过.margin : top right bottom right ;margin : top leftright bottom;margin : topbottom leftright;margin : topbottomleftright;1.普通流 margin 百分比设置转载 2017-03-14 22:56:36 · 928 阅读 · 0 评论