HTML5中Canvas绘图各种基本图形的方法

HTML5中Canvas绘图各种基本图形的方法

canvas是html5的一部分,当然他们说的H5也并不是html5的意思,只是表示在手机浏览器中,更侠义的是在微信浏览器中打开的酷炫的网页。曾几何时,我也觉得canvas真的酷爆了,各种什么烟花、酷炫的动画效果、canvas游戏等…
用纯CSS打造圆形图片旋转的方法

用纯CSS打造圆形图片旋转的方法

上次看到一个博客的LOGO图片很好看,一个旋转的圆形人物图片,但是我看他用了大量的JS代码来渲染这个效果。其实这种方式纯CSS3是完全可以实现,我们只需要考虑清楚我们的思路。 1、圆形图片 我们这里使用了一张哈弗H2的图片。 然后把…
CSS 中 background 属性合并写法

CSS 中 background 属性合并写法

上次写CSS样式时同时有background-size background-positon 两个属性,但是我想合并成一个background来写,刚开始遇到了一些麻烦,怎么写都不生效。后面谷歌,我们应该这样子写: backgrou…
纯CSS绘制各种箭头方法

纯CSS绘制各种箭头方法

用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3的东西。对浏览器支持良好。以前写过一片文章,我博客的评论框就是用箭头来实现的。原理非常简单,通过截取border(边框)的部分“拐角”实现,几行CSS代码即可理解。 一个…
超级有意思经典代码注释图

超级有意思经典代码注释图

对于很多程序员来说,最讨厌别人不写注释。而有些人写出来的代码注释,通常拥有幽默搞笑的风格,看起来很有意思。网上收集了许多超级有意思的代码注释,有如来佛、草泥马等有趣的注释! /*** * .,:,,, .::,,,::. * .::…
CSS3 文字边框 -webkit-text-stroke 镂空的字体

CSS3 文字边框 -webkit-text-stroke 镂空的字体

其实一直没用过这个属性,发现还可以有很不错的效果,就二行代码就搞掂,分享下CSS边框的一个不足就是只有矩形的元素才能使用。-webkit-text-stroke可以为文字添加边框。它不但可以设置文字边框的宽度,也能设置其颜色。而且,…
网页HTML特殊字符编码对照表

网页HTML特殊字符编码对照表

在设计和开发网页时,需要用到一些特殊符号,比如:©,®,℃,¥,⅜ 等等,有些上网找半天不一定能找到。HTML特殊符号编码有很多种 unicode、十六进位码(hex code),html 实体编码(entity code),还有我…
CSS实现背景图片透明和文字不透明效果

CSS实现背景图片透明和文字不透明效果

项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果,记录一下,方便日后学习。 1.毛玻璃效果: 背景图 + 伪类 + flite:blur(3px) CSS代码 .demo1{ width: …
网站加入鼠标滑过抖动样式

网站加入鼠标滑过抖动样式

站长闲下来的时候,就四处逛逛网站,顺便扒点其他网站的代码,比如html、css、js;都是站长通过f12或者view-source扒到的,有些代码很容易就能扒到,有些很难,比如今天分享的这个,扒了得半小时,才找到css具体代码!支持…
如何在 JavaScript 中获取 CSS 值

如何在 JavaScript 中获取 CSS 值

有时候单独的使用CSS是不够的。您可能需要使用JavaScript控制CSS值。但是你如何在JavaScript中获得CSS值?有两种可能的方式,取决于您是尝试获取内联样式还是计算样式。 获取内联样式 内联样式是存在于 HTML s…

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!