文章分类 -  HTML5+CSS3

很漂亮的a标签按钮
摘要：翻译 人工翻译 <a id="transMachine" class="fanyi__operations--machine" href="javascript:;">翻译</a> <a id="transMan" class="fanyi__operations--man clog-js" hre 阅读全文
posted @ 2022-11-01 14:00 八路逆袭寡妇村 阅读(90) 评论(0) 推荐(0)
jquery 网页预加载 loading 效果实现，非 ajax
摘要：这个效果的初衷是实现类似 app 端数据加载完成前的动画，但是实际上用途很广泛，就比如一些页面很庞大的网站加载完成需要很久时间，让用户看着白色屏幕干等着绝对不是办法，如果给一个网页加载完成前的动画显示，在一定程度上能够留住用户。一般来说很多网页都是通过 ajax 来请求数据，这样情况下对于判断页面是 阅读全文
posted @ 2018-09-12 11:05 八路逆袭寡妇村 阅读(988) 评论(0) 推荐(0)
vue 端口占用解决办法
摘要：恢复内容开始 vue 端口占用或者vue端口跟wampserver端口冲突， vue 8080端口占用解决办法 一般情况下wampserver 端口也是8080端口，那么 肯定会跟vue 所创建的项目端口重复， 那么就要修改vue 的8080端口了。在所创建的项目目录下面的；index.js 我的项 阅读全文
posted @ 2018-09-04 10:47 八路逆袭寡妇村 阅读(1384) 评论(0) 推荐(0)
移动设备显示尺寸大全 CSS3媒体查询
摘要：@media screen and ( min-width: 212px){/*213px显示屏样式 LG Optimus One*/} @media screen and ( min-width: 319px){/*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */} @media s 阅读全文
posted @ 2017-05-16 14:05 八路逆袭寡妇村 阅读(221) 评论(0) 推荐(0)
css改变placeholder的颜色
摘要： 阅读全文
posted @ 2016-10-23 10:40 八路逆袭寡妇村 阅读(130) 评论(0) 推荐(0)
WebApp前端页面性能优化建议
摘要：字体设置 使用无衬线字体 iOS 4.0+ 使用英文字体 Helvetica Neue，之前的iOS版本降级使用 Helvetica。中文字体设置为华文黑体STHeiTi。 需补充说明，华文黑体并不存在iOS的字体库中(http://support.apple.com/kb/HT5878)， 但系统 阅读全文
posted @ 2016-07-10 11:33 八路逆袭寡妇村 阅读(1725) 评论(0) 推荐(0)
css伪类的使用，::before，p::afte
摘要：如果你是一个前端开发者,可能知道有一些很好的伪类的改变,比如CSS content属性.如果不熟悉这些概念的,可能需要去复习一篇了. 在这篇文章中.我们主要是看 content属性. CSS的 content 属性需要在 ::before和::after 伪类元素中使用. 属性会在页面上生成cont 阅读全文
posted @ 2016-06-11 14:51 八路逆袭寡妇村 阅读(586) 评论(0) 推荐(0)
CSS-animation动画
摘要：<div class="wrap"><div class="wrap-1"><div class="top">top</div><div class="bottom">bottom</div><div class="left">left</div><div class="right">right</ 阅读全文
posted @ 2016-05-23 14:56 八路逆袭寡妇村 阅读(418) 评论(2) 推荐(0)
Fork自Alert提示框
摘要：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title> <script id="jquery_183" type="te 阅读全文
posted @ 2016-05-23 14:52 八路逆袭寡妇村 阅读(135) 评论(0) 推荐(0)
用css制作圆角图像
摘要：<style> .circular--square { border-radius: 50%; } .circular--square { border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; border-bottom 阅读全文
posted @ 2016-05-23 14:24 八路逆袭寡妇村 阅读(142) 评论(0) 推荐(0)
css3鼠标经过放大效果
摘要：放大效果 放大效果 阅读全文
posted @ 2016-04-24 09:53 八路逆袭寡妇村 阅读(308) 评论(0) 推荐(0)
css3 360度旋转
摘要：360度旋转 360度旋转 阅读全文
posted @ 2016-04-24 09:51 八路逆袭寡妇村 阅读(130) 评论(0) 推荐(0)
CSS3鼠标经过上下移动
摘要：CSS3上下移动 上下移动 阅读全文
posted @ 2016-04-24 09:49 八路逆袭寡妇村 阅读(507) 评论(0) 推荐(0)
使用HTML5实现上传图片预览功能
摘要：使用HTML5实现上传图片预览功能 X X X 阅读全文
posted @ 2016-03-26 17:20 八路逆袭寡妇村 阅读(185) 评论(0) 推荐(0)
移动前端知识总结
摘要：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 viewport模板v 阅读全文
posted @ 2016-03-17 17:39 八路逆袭寡妇村 阅读(166) 评论(0) 推荐(0)

www.zxzidian.com