CSS字体跨域问题解决方法
义新 发布于: 浏览: 1,748 次

1.将字体转为base64格式：

使用网站：字体转化为base64,将字体转化，然后改变代码重新引入

2.在服务器进行配置：

2.1）Apache，你可以在.htaccess文件中添加以下代码：

<FilesMatch "\.(ttf|otf|eot|woff|woff2|svg)$">  
    Header set Access-Control-Allow-Origin "地址"  
</FilesMatch>

这将允许 "地址" 这个域名的请求访问.ttf、.otf、.eot、.woff、.woff2和.svg文件。注意替换为你的实际域名。

- 阅读剩余部分 -

让网页淡入淡出加载效果(纯css)
义新 发布于: 浏览: 12,267 次

css中添加：

body {
    animation:fadeInAnimation ease 1.8s;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
}
@keyframes fadeInAnimation {
    0% {
    opacity:0;
}
100% {
    opacity:1;
}
}
CSS透明属性详解(图片透明)
义新 发布于: 浏览: 13,665 次
.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

上面的几个属性分别是:

opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持firefox, Safari和 Opera.
filter:alpha(opacity=50); 这个是为IE6设的，可取值在0-100，其它三个0到1.
-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。

如何让背景图片透明

<head>
<title>背景透明</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css"> <!-- .alpha{filter:alpha(opacity=30); } --> </style>
</head>
<body background="image/back.jpg" class="alpha">
</body>
</html>

其中，opacity=30 是透明程度，越小越透明。

CSS圆角 -webkit-border-radius 详解
义新 发布于: 浏览: 14,373 次

CSS圆角 border-radius：用这个属性能实现圆角边框的效果。 现在只有Mozilla/Firefox 和 Safari 3支持该属性。请看下面的示例代码： Mozilla/Firefox 和 Safari 3用户将在这里看到圆角边框 此外，设计者还可以随意指定圆角的位置，左上、左下、右上...

CSS圆角 border-radius：用这个属性能实现圆角边框的效果。

现在只有Mozilla/Firefox 和 Safari 3支持该属性。请看下面的示例代码：

- 阅读剩余部分 -