纯CSS3发光分享按钮的实现教程
前端技术 2023/09/06 CSS
今天我们要利用CSS3来完成一款很酷的发光分享按钮，并将整理的源代码分享给大家，如果需要，你也可以将此CSS3分享按钮应用到自己的项目中去，也欢迎将此文分享给你的好友。下面先来看一看效果图 下面我们来分析一下实现的过程以及核心的源码，代码主要由HTML和CSS组成，应该说比较...
  • 0
css3的过滤效果简单实例
前端技术 2023/09/06 CSS
上面的图片就是css3新特性的滤镜效果，学会了这些那么我们这群爱美爱帅的大web是不是就可以完美的用代码实现照片美化了捏~~ 好，咱们先把照片后面的白框实现， XML/HTML Code复制内容到剪贴板 <style>　     #div1{       　...
  • 0
常用的四种CSS透明属性介绍
前端技术 2023/09/06 CSS
如下代码：复制代码代码如下:.mask-layer { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;} 上面的几个属性分别是：复制代码代码如下:o...
  • 0
CSS中的伪元素简介
前端技术 2023/09/06 CSS
顾名思义，伪元素就是你的文档中若有实无的元素。::first-letter伪元素 格式： CSS Code复制内容到剪贴板 e::first-letter   示例： CSS Code复制内容到剪贴板 p::first-letter {font-size:30...
  • 0
中文字体在CSS中的写法整理
前端技术 2023/09/06 CSS
今天在折腾wordpress主题的时候，想把侧边栏上的2个标题转换为“方正姚体”，用Firebug调试OK了，保存到css文件里上传后，可是怎么弄也显示不对，网上搜索了一下，才知道原来在CSS中不能出现中文字体，解决办法就是把这些中文字体名字转换成英文名。 Un...
  • 0
css3 伪元素和伪类选择器详解
前端技术 2023/09/06 CSS
伪类选择器：CSS中已经定义好的选择器,不能随便取名常用的伪类选择器是使用在a元素上的几种，`如a:link|a:visited|a:hover|a:active`  提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。...
  • 0
使用CSS3的::selection改变选中文本颜色的方法
前端技术 2023/09/06 CSS
浏览器上页面文字选中后默认的背景色是一种蓝色， 不同浏览器的颜色有些许差异，但大致相同，文字颜色也近乎白色，如下图所示，截自Firefox3.6浏览器：在CSS3的爸爸妈妈还没有相亲认识的时候，要改变页面上文字选中后的背景色以及文字颜色，就跟让太监生孩子一样困难。但是，随着CS...
  • 0
div居中显示的css样式代码
前端技术 2023/09/06 CSS
复制代码代码如下: <style type=\"text/css\"> html * {margin:0; padding:0;} body {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1...
  • 0
深入解析CSS的display:inline-block属性的使用
前端技术 2023/09/06 CSS
display:inline-block感觉与display:table-cell有些相似，例如对内部元素的包裹性。但是，由于display:inline-block最大的不同就是其没有父元素的匿名包裹特性，这使得display:inline-block属性的使用非常自由，可与...
  • 0
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
前端技术 2023/09/06 CSS
CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及. 1.圆角 CSS3实现圆角有两种方法. 第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是...
  • 0

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案