• 展开微博窗口
  • QQ:52619941
  • 微信:cnmemory
  • 展开分类目录
  • 还没有账号?

Memory

使用CSS3制作转动的加载图标

因为代码比较简单,这里就不做过多的解释,直接贴出代码。 点我查看DEMO 下面是CSS代码: .circle-loading { width: 20px; height: 20px; border: 2px solid #27ae61; border-radius: 50%; border-bottom: 2px solid transparent; animation: loading .5s […]

详解CSS3绘制会跳动的爱心

CSS3与HTML5为网页设计提供了更多的便捷,同时丰富的动画效果也为网页增添了许多鲜活色彩,现在,让我们一起走进CSS3,学习使用CSS3的新增属性绘制一些简单的图示。 今天要教大家制作的是一个会跳动的爱心。 没了DEMO怎么行,点我查看   从图中可以看见,红色线部分所组成的就是一个爱心。 经过分析,我们将爱心的组成方法拆分开来,如下图:   图片构成的方案已经确定,接着我 […]

利用active伪类实现网页在触摸屏下的点击状态效果

在开发触摸屏下的网页时,常常会发现hover所带来的效果并不完美,在iOS系统下,hover的效果并不展现,只有当手指点击时才出现效果,并且返回页面的时候,hover的状态一直保留,所以我们需要使用active伪类来为触摸屏下的网站实现一个点击效果。 如果使用ios系统的朋友还应当有所发现,即点击按钮或链接时,会有一个高亮区域,半透明的黑色背景 那么我们如何来改变这个黑色块的样式? 在iOS设备中 […]

JS判断鼠标进入或离开容器的方向做出特殊hover效果

无意中在uemo的一个子站点看到一个很动感的hover效果,经过简单分析,想必是通过JS判断鼠标进入方向来实现这个hover效果,使父容器中的子容器通过判断鼠标进入方向,从而使子容器从相同的方向“进入”到父容器中并且从鼠标离开的方向“离开”父容器。下面这一段js代码来源于网络,如果想深入了解代码的意义请跳转 http://sentsin.com/web/112.html DEMO: http:// […]

CSS3 图片鼠标滑过渐变为灰色

看了老赵茶馆的特色图像鼠标滑过效果,于是自己也模仿了一下,不要见怪。 更改你自己的CSS选择器以达到你想控制图片所属的范围。 .article-img img{ width: 100%; display: block; height: 100%; /* 上述设置是为了使图片自适应容器大小 */ -webkit-transition: 1.5s ease-in; -moz-transition: 1 […]

再观《2012》

当最后一屡阳光被黑暗抹去, 残留下的只有恐惧,无助与绝望。 前所未有的自然灾害,无情的肆虐着大地。 大海咆哮,火山怒吼,似乎在宣泄着世界的不公。 每一寸土地都被撕裂,无数生灵向无尽的深渊坠入。 无辜者的祷告谁又能听见? 唯有静静相拥,迎接死亡。 人类的文明,在大自然的力量下,犹如蝼蚁,不堪一击。 方舟,看似生命的希望,却因为一张船票泯灭了人性。 10亿欧元,政客在笑,富豪在笑,又见谁落泪? 000 […]

使用七牛云储存为你的wordpress加速

首先给大家稍微介绍一下CDN,CDN通过拷贝你的静态资源,将你相同的静态资源存放于不同的地方,使得用户就近获取所需的资源,解决网络拥挤的情况,提高网站访问速度。 想要了解更多,百度一下,你就知道。 回归正题,想要了解七牛就到七牛的官网自行了解一下。总而言之,七牛还算是一个不错的选择,不过有的时候也避免不了脑残的状况发生。 接下来我们就看看如何配置你的wordpress来使用七牛云储存 配置你的七牛 […]

解决WordPress加载慢的问题

第一次安装wordpress的时候就觉得wordpress怎么加载这么慢,尤其是后台,本想说这么受大众欢迎的blog不应该啊?于是就推敲会不会是由于php,apache或者mysql版本问题引起的呢?尝试更换版本之后问题依旧,最后通过开发者工具才发现,原来是因为加载了Google字体库,而这段时间在国内很多地区都无法访问google,这才导致了wordpress加载变慢。 背景交代完毕,接下来告诉 […]