![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端css
nailsea
这个作者很懒,什么都没留下…
展开
-
css实现对话框箭头效果
用css实现对话框箭头效果 mark一下 [code="java"] JS Bin .test{ width:300px; top:20px; padding:30px 20px; border:5px solid #beceeb; position:relative; } .test span{ w...原创 2012-11-11 20:55:01 · 769 阅读 · 0 评论 -
jq+css 动态加载进度条
照网上的例子做了动态加载进度条的例子,用一张背景图+一张进度条的图片,通过 $("#id").css("width", width)设置进度条长度。 但是长度过短时会将右边的圆角遮住,于是把进度条的图片改成三张,左圆角,中间(长度变化),右圆角。mark一下 [code="java"] var progress_id = "loading"; function SetPr...原创 2012-11-12 17:35:06 · 278 阅读 · 0 评论 -
css文本变有圆角的输入框
光标在文本上时文本变为输入框,圆角+阴影效果,按照网上的例子,对文本加上 .createFolderBorder{ width:195px; border: 2px solid #ececec; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; ...原创 2012-11-13 17:47:28 · 1218 阅读 · 0 评论 -
javascript的日期格式化
参考http://blog.sina.com.cn/s/blog_4fe24bbf0100gsww.html 的第二种做日期的格式化 [code="java"] JS Bin Date.prototype.format = function(mask) { var d = this; var zer...原创 2012-11-23 17:45:12 · 183 阅读 · 0 评论 -
多行+垂直居中placeholder
要做一个水平 竖直都居中的placeholder,并且过长时有自动换行 1.把外层container的display设为table,里层设为table-cell,并对里层设置vertical-align:middle实现垂直居中。 2.padding和border: 实际所占宽度=width+padding+margin+border 3.border本来设置在外层,但input获取焦点后...原创 2012-12-10 16:17:58 · 320 阅读 · 0 评论 -
apple-like login form - css3 3d 翻牌效果
按照apple-like login form 做了一个css3 3d 翻牌的效果 link: http://demo.tutorialzine.com/2012/02/apple-like-login-form/ [code="java"] body{ margin: 0; padding: 0; } .login_content{ position: ...原创 2013-01-21 18:57:52 · 202 阅读 · 0 评论