今天我要与大家分享一些新鲜的想法。随着设计风格和趋势的变化,要求更加适合现代UI的不同的效果。这组新模态窗口效果包含了一些微妙的动画,还有一些应用了SVG变形技术。 演示地址? ? ? ? ? ? ? ??点击下载
标签归档:css
Timeline Portfolio – 时间轴作品集效果
这里分享一个超炫的时间轴展示作品集效果。设计师和前端开发人员可以借助这个效果来制作新颖的作品集和个人简历。时间轴专门用来呈现出年代的一系列事件。您可以把这种效果嵌入各种媒体,包括微博,视频和地图,并把它们与日期相关联。 演示地址点击下载
推荐10个创建响应式布局的网格框架
文章目录 Fitgrd Responsive Boilerplate Simple Grid Responsive Grid System Fluid Baseline Gridpak The Responsive Calculator Rwd Grid System Responsify 如果网页设计和开人员采用了正确的工具集,并基于一个灵活的网格架构,以
BonBon – CSS3 制作甜美的糖果按钮
BonBon 是一组使用 CSS3 制作的甜美的糖果按钮样式。在过去,我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果,随着越来越多的浏览器对 CSS3 的支持和完善,使用 CSS3 来实现美观的按钮已没有太多的障碍。 演示地址点击下载
html5展示型企业网站源码v1.0
文章目录 源码介绍 安装步骤 演示&下载 源码介绍 html5展示型企业网站源码,完全免费使用。没有后台,上传空间即可使用,轻松建立自己的企业站。使用css+xhtml+js,效果绚丽。 安装步骤 1:下载压缩包(本文后面有下载地址) 2:把主目录下的所有文件上传至空间根目录下。 3:浏览器内输入地址即可访问 如需修改。可以直接修改目录下的index
浏览器兼容CSS代码:按钮文字垂直居中(input button text vertical align)
经过测试的浏览器:IE6, IE7, IE8, IE9, Firefox, Chrome, Safiri, Maxthon 按钮的HTML代码:
1 |
<input id="btn_comment_submit" type="button" class="comment_btn" value="提交评论"/> |
CSS代码:
1 2 3 4 5 6 |
input::-moz-focus-inner{ border: 0;padding: 0;}/*针对Firefox*/ .comment_btn{ height:26px; line-height:22px;/*针对IE*/ width:68px; } |
显示效果: ? ??
WordPress多说评论插件中设置圆形旋转头像css代码
文章目录 前言 代码实现 美化留言评论样式 设计达人多说评论样式完整版 前言 看到别的网站上都添加了一个头像旋转的功能,于是去找了找相关的代码。代码不知道是谁写的。总之十分感谢了。 代码实现 在wordress中添加多说评论插件,当然,如果没有安装同样可以根据css代码在其他评论框架上设置圆形旋转头像。 在自定义CSS栏目中填写下面的代码即可。如果想改名具体
WordPress多说评论框各种CSS自定义设置问题收集
老是在折腾wordpress多说评论框的css。也碰到好多人在问这些个问题。今天收集几个常见的多说评论的css问题答案。希望能帮到大家。 1、将评论框底部的分享到微博QQ空间什么的隐藏起来
1 |
.ds-sync{display:none !important;} |
2、定义评论框背景 url换成你自己想要的图片地址就行了,最好使用绝对路径。 [crayo