css
关注
分享
扫一扫
廖圣平
高级技术经理 +v：juzhen321
展开
-
怎么使页面div慢慢的出现，从右边淡出来
这个可以用纯css实现把animate.css 引入项目中<link rel="stylesheet" type="text/css" href="https://daneden.github.io/animate.css/animate.min.css" />在元素中添加class 属性即可<div class="container animated f...原创 2017-02-21 13:54:20 · 7269 阅读 · 0 评论 -
手机登录界面
<html ng-app="ionicApp"><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>登录</title> <link hr原创 2017-11-17 10:48:22 · 1936 阅读 · 0 评论 -
div里面的文字自动转行
文字出界了额， 就尴尬了。在该div加上样式：word-wrap: break-word;word-break: break-all;overflow: hidden;原创 2017-11-11 10:20:00 · 2198 阅读 · 0 评论 -
html5手机端手指滑动选项卡滚动切换效果
前端学习必不可少的代码 点击下载原创 2017-10-23 14:53:01 · 11120 阅读 · 0 评论 -
纯css写弹窗 html
css background-color: #fff; border: 5px solid rgba(0, 0, 0, 0.4); height: 250px; left: 50%; margin: -200px 0 0 -100px; padding: 1px; position: fixed !important; positi原创 2017-09-19 13:44:07 · 11987 阅读 · 0 评论 -
css怎么让div动起来，实现动画效果一直在动
div{width:100px;height:100px;background:red;position:relative;animation:myfirst 5s infinite alternate;} @keyframes myfirst{0% {background:red; left:0px; top:0px;}25% {background:yellow;原创 2017-09-24 20:48:01 · 14156 阅读 · 0 评论 -
opstion absolute怎么垂直居中
position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 500px;margin-bottom: -250px;原创 2017-09-07 21:18:44 · 430 阅读 · 0 评论 -
css 弹出窗口之后的笼罩层
background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 100000;原创 2017-09-23 11:00:58 · 720 阅读 · 0 评论 -
html css 制作出翻页的时候慢慢的出来，或者放大缩小
改变之前：.active .bg: padding-top: 30px; background: blue; position: absolute; opacity: 0; -webkit-transform: scale(0.5, 0.5);原创 2017-08-20 16:55:44 · 1325 阅读 · 0 评论 -
在ios iPhone fixed 失效，固定在底部， 安卓可以 但是苹果不可以解决办法
divclass="main_comment">测试的文字~~~~~`div>divclass="commentBar">回复框div>-----------------------------------------------复制到自己浏览器上试试吧-------------------------------.main_commen转载 2017-06-27 17:37:36 · 6433 阅读 · 3 评论 -
css美化提示信息|网页提示信息|input提示信息|提示信息三角形
在做Longin 页面， 或者是引导用户填写正确信息的提示信息格式错误直接把上面的额代码，装到你的 页面上测试下吧 ， 直接复制就可以了， 你会发现，是乱的， 这时候， 只要把你的input 加属性， style="float:left" 就可以了原创 2017-03-29 16:37:16 · 951 阅读 · 0 评论 -
关于页面浏览文件按钮的修改美化css
修改浏览器自带的默认的浏览文件按钮1.把原来的 input 标签隐藏了， opcity：0 来处理2.在input 的父级创建一个div 来覆盖inpu里面的内容， 这个时候我们可以用比较漂亮的图片替换就完成了附上代码：cssa{display:inline-block; width:100px; height:40px; background:red; po原创 2017-03-17 16:52:21 · 820 阅读 · 0 评论 -
怎么用纯css 修改美化select选择框
不过采取这种方式， 不怎么美丽如图：html： Here is the first option The second option css：.styled-select { width: 240px; height: 34px; overflow: hidden; background: url("http://images.原创 2017-03-17 15:16:38 · 1934 阅读 · 0 评论 -
css 怎么做出黑白相间的table
只需要在这个table 加上相应的table tr:nth-child(odd){background: #ccc;}就可以了table tr:nth-child(odd){background: #ccc;}table{background:red;}1231-11-21-31-11-21-31原创 2017-05-31 17:55:28 · 2912 阅读 · 0 评论