小东西儿
  • 首页
  • 前端知识
  • 工具教程
  • 文章转载
  • 生活相关
  • 新闻热点
  • 关于
CSS3
前端知识

奇妙的 CSS MASK

本文将介绍 CSS 中一个非常有意思的属性 mask 。 顾名思义,mask 译为遮罩。在 CSS 中,mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 其实 mask 的出现已经有一段时间了,只是没有特别多实用的场景,在实战中使用的非常少,本文将罗列一些使用 mask 创造出来的有意思的场景。 语法 最基本,使用 mask 的方式是借助图片,类似这样: { mask: url(mask.png); mask: url(masks.svg#star); } 当然,使…

2020年07月27日 0条评论 178点热度 0人点赞 阅读全文
前端知识

你可能不知道的Animation动画技巧与细节

引言 在web应用中,前端同学在实现动画效果时往往常用的几种方案: css3 transition / animation - 实现过渡动画 setInterval / setTimeout - 通过设置一个间隔时间来不断的改变图像的位置 requestAnimationFrame - 通过一个回调函数来改变图像位置,由系统来决定这个回调函数的执行时机,比定时修改的性能更好,不存在失帧现象 在大多数需求中,css3的 transition / animation 都能满足我们的需求,并且相对于js实现,可以大大提升…

2020年07月20日 0条评论 186点热度 0人点赞 阅读全文
前端知识

CSS3属性-webkit-font-smoothing

-webkit-font-smoothing字体抗锯齿渲染 下面这段代码是在学习 vue 的时候,启动项目时无意间看到根元素的样式属性,对 其中的-webkit-font-smoothing 的属性不太了解,百度了一番这里记录一下。 #app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; te…

2020年06月02日 0条评论 225点热度 0人点赞 阅读全文
前端知识

实现网站变成黑白色

【国务院发布公告:2020年4月4日举行全国性哀悼活动】为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院今天发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。 如何将网站风格改为黑白色,以表示对遇难同胞的哀悼之情。 为了方便博主表示哀悼,现总结通过CSS滤镜属性,即可将网站转换为黑白风格。 将以下代码放到 css 样式文件中即可 <style>…

2020年04月03日 0条评论 404点热度 0人点赞 阅读全文
前端知识

CSS3-animation总结

经常忘记参数的顺序及含义,做个总结方便日后查看 语法结构(简写) animation: name duration timing-function delay iteration-count direction fill-mode; 举例: .dom { animation: wang 3s linear 1s infinite alternate forwards ; } 含义: 动画名称:wang 动画持续时间:3 秒 动画速度:匀速 动画延迟:1 秒 动画播放次数:无限次播放 动画是否反向播放:是反向播放 动…

2020年02月23日 0条评论 197点热度 0人点赞 阅读全文
前端知识

用 CSS 让你的文字更有文艺范

透明文字,模糊文字,镂空文字,渐变文字,图片背景文字,用 CSS 让你的文字也有 freestyle~ 前言 我们做页面涉及字体的时候,最多就是换个 color 换个 font-family,总是觉得没体现出你内心的文艺范,这时是不是抱怨 CSS 并没有给文字设置什么样式,抱怨是没用哒,我们自己动手,看看能不能“创造”出一些 CSS 字体样式呢~ 透明文字 用 rgba 调整透明度 div{ background-color: pink; color: rgba(0, 0, 0, 0.1); } 用 opacity…

2017年08月20日 0条评论 187点热度 0人点赞 阅读全文

王永杰

春有百花秋有月,夏有凉风冬有雪;
若无闲事挂心头,便是人间好时节。

公众号
搜索
日志日历
2021年三月
一 二 三 四 五 六 日
1234567
891011121314
15161718192021
22232425262728
293031  
« 2月    
文章归档
  • 2021年二月
  • 2021年一月
  • 2020年十二月
  • 2020年十一月
  • 2020年十月
  • 2020年九月
  • 2020年八月
  • 2020年七月
  • 2020年六月
  • 2020年五月
  • 2020年四月
  • 2020年三月
  • 2020年二月
  • 2020年一月
  • 2019年十二月
  • 2019年六月
  • 2019年五月
  • 2019年三月
  • 2019年一月
  • 2018年六月
  • 2018年五月
  • 2018年四月
  • 2017年十一月
  • 2017年八月
  • 2000年四月
  • 1992年四月
  • 1984年七月
分类目录
  • MacApp (2)
  • 前端知识 (74)
  • 工具教程 (42)
  • 文章转载 (54)
  • 新闻热点 (4)
  • 未分类 (4)
  • 生活相关 (4)
  • 科技爱好者周刊 (24)
标签聚合
Typecho 工具教程 图床 jQuery事件篇 WordPress 去哪儿网 git jQuery样式篇 jQuery mac MWeb 前端知识 启服务 掘金 Chrome 阮一峰 Markdown 微信小程序入门教程 CSS3 主题 新闻热点 现实篇 插件 移动端 转载 首字母 Chevereto css javascript 慕课网 url 工具 科技爱好者周刊 jQueryDOM篇 animation 小程序 github vue 生活相关 浏览器
与我相关
  • 图片托管
  • 网址导航
  • 网络办公
  • 网络文档
  • 网络硬盘
  • 谷歌网盘
售域名

COPYRIGHT © 2020 小东西儿. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

京ICP备19041477号