字体属性: Font-family: {font-family: name}           {font-family: cursive| fantasy | monospace | serif | sans-serif} Font-size: {font-size: 数值 | inhe
转载 精选 2012-11-07 12:49:14
676阅读
学习CSS3雷达扫描动画特效代码 制作一个支持图片的雷达效果动画
原创 2023-08-18 08:52:34
866阅读
使用自己需要的字体在新的 @font-face 规则中,您必须首先定义字体的名称(比如 myFirstFont),然后指向该字体文件。如需为 HTML 元素使用字体,请通过 font-family 属性来引用字体的名称 (myFirstFont):实例 使用粗体字体您必须为粗体文本添加另一个包含描述...
原创 2021-07-30 14:53:01
200阅读
PX为单位 在Web页面初期制作中,我们都是使用“px”来设置我们的文本,因为他比较精确和固定。 只要页面某元素设置了px字体大小,其子元素/子孙元素未设置字体大小或设置的字体大小css优先级没父元素高的话,该子元素/子孙元素会继承其父元素的px字体大小设置 。 这种方法存在一个问题:当用户在浏览器
转载 2019-07-18 00:44:00
230阅读
2评论
14款震撼人心的HTML5文特效 HTML5文特效,这些文字特效有超酷的动画类型,也有清新的3D类型,不多说,一起来看看。 1、CSS3五彩文字特效 文字带阴影效果 这是一款非常具有卡通形象的CSS3五彩文字特效,虽然没有迷人的动画效果,但是五彩缤纷的文字展现在屏幕上也是非常酷的,再加上每一个文字都有不同角度的阴影效果,加上漂亮的英文字体,让整一个文字特效显得非常出色迷人,大家可以在宣
W3C CSS工作组刚发布了CSS3两个工作草案规范的更新。 第一个更新在3月11日发布
原创 2022-01-05 17:22:16
80阅读
CSS3 @font-face 规则在 CSS3 之前,web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3,web 设计师可以使用他们喜欢的任意字体。当您您找到或购买到希望使用的字体时,可将该字体文件存放到 web 服务器上,它会在需要时被自动下载到用户的计算机上。您“自己的”的字体是在 CSS3 @font-face 规则中定义的。浏览器支持属性浏览器支持@font-faceFirefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。Internet Explor
转载 2014-03-02 15:19:00
337阅读
2评论
[CSS3 字体CSS3 @font-face 规则使用以前 CSS 的版本,网页设计师不得不使用用户计算机上已经安装的字体。 使用 CSS3,网页设计师可以使用他/她喜欢的任何字体。 当你发现您要使用的字体文件时,只需简单的将字体文件包含在网站中,它会自动下载给需要的用户。 您所选择的字体在新的 CSS3 版本有关于 @font-face 规则描述。 您"自己的"的字体是在 CSS3 @font
转载 2020-07-07 22:00:00
300阅读
2评论
  css中的字体样式一般包含有就9中,常见的有7种。这7种依次为:  1.字体样式:font-family;  2.字体大小:font-size;  3.字体加粗:font-weight;  4.字体斜体:font-style;  5.颜色:color;  6.文本装饰线条:text-decoration;  7.文字阴影:text-shadow;  其中,  font-famil用于设置文字名
转载 2024-01-08 18:17:07
152阅读
分享111个JS文字特效,总有一款适合您  111个JS文字特效下载链接:https://pan.baidu.com/s/1Ql-wGwfjovvu78bvpwD-8w?pwd=wqgg  提取码:wqggPython采集代码下载链接:https://wwgn.lanzoul.com/iKGwb0kye3wj饮料瓶造型文字旋转特效 Css文字阴影效果代码 Css文字渐变动画特效
转载 2023-09-18 21:48:57
200阅读
/animation/.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:2sease;-moz-animation:2sease;-ms-animation:2sease;animation:2sease;}.a-fadein,.a-fadeinT,.a-fadeinR,.a-fadei
原创 2019-02-26 09:11:53
1205阅读
1点赞
3D旋转相册(纯css)html代码:<div class="Exhibition">                    //放置的容器 <div class="content">                     //旋转的目标 <img class="img1" src="world.jpg"/> <img class="
转载 2023-06-06 10:29:36
181阅读
学JavaScript、CSS像素动画特效代码 按自已的想法加上将图片转换为特定文本,并显示出来
原创 2023-08-19 08:48:22
373阅读
今天是圣诞节,首先,张戈在这里祝所有朋友节日快乐!虽然我对圣诞节并不感冒,不过既然是公开的博客,那还是搞搞气氛吧!测试了网上找的几个代码,下面分享一下我个人比较满意的2种。看代码之前,先分享一下即时预览的方法:很简单,在webkit浏览器(比如谷歌)按下F12,然后在console里面粘贴一下JS代码(不含前后的script标签),然后回车执行即可看到效果了。一、下雪特效代码①(function(
转载 2023-06-06 15:33:36
219阅读
<style> #mycon { font-weight: bold; font-size: 150px; transform: rotateX(10deg); -webkit-transform: rotateX(10deg); /* Safari and Chrome */ -webkit-tr
转载 2016-03-30 19:53:00
383阅读
2评论
@font-face { font-family: myFirstFont; src: url(sansation_light.woff); }
原创 2023-03-02 02:23:49
301阅读
css代码*{ padding:0; margin: 0;}html{ background:linear-gradient(#032861 0%,#000000 80%); height: 100%; width: 100%; overflow: hidden;}/*满天星*/.wall{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: h.
原创 2021-08-07 09:54:15
271阅读
本次 用到 CSS3 的 transition(过渡) 属性, 一共有4个属性 transition-property 属性规定 应用过渡效果的 CSS 属性的名称 transition-duration 属性规定 完成过渡效果需要花费的时间(以秒(s)或毫秒(ms)计)。 transition-timing-function 属性规定过渡效果的速度曲线。
转载 2016-03-22 19:56:00
55阅读
css代码*{ padding:0; margin: 0;}html{ background:linear-gradient(#032861 0%,#000000 80%); height: 100%; width: 100%; overflow: hidden;}/*满天星*/.wall{
原创 2022-03-01 10:23:15
306阅读
看上去这些离设计师很遥远!但是这些网页设计前端热门技术您多少得有些了解!如果也能写那么几段,肯定月薪过万了。@ 给前端朋友吧。其实编码最好的学习方法就是潜水,然后大量研究优秀代码并实践操作,一行行敲出来!@倪大挫http://t.cn/zjzw8TV非特殊说明,本文版权归原作者所有,转载请注明出处本文地址:http://www.uisdc.com/%e3
转载 2022-06-30 16:01:52
111阅读
  • 1
  • 2
  • 3
  • 4
  • 5