随笔分类 - css样式
摘要:
一、介绍 最近在一个项目的宣传页中,设计师使用了文字描边效果,之前我确实没有实现过文字的描边效果,然后我在查阅资料后,知道了实现方法。文字描边分为两种:内外双描边和单外描边,也就是指在给文字加上描边效果后,描边的方向是向内外同时占用文字空间还是只向外扩充文字空间的区别。 二、具体代码 1、文字内外双
阅读全文

摘要:
css文字渐变色 background-image: linear-gradient(to right, #ce25c0, #d6e56e, #ee2cb3, #deae42); -webkit-background-clip: text; color: transparent; display:
阅读全文

摘要:
今天来从前端的角度看看网页置灰是如何实现的,以及相关使用技巧! 实现思路 先来看看一些主流网站是如何实现置灰的: BiliBili: image.png 淘宝: image.png 京东: image.png 掘金: 可以看到,这些网站实现置灰的方式不太一样,但都大同小异。本质上都是使用了 CSS
阅读全文

摘要:
canvas 新元素 新多媒体元素 新的语义和结构元素 HTML5提供了新的元素来创建更好的页面结构:
阅读全文

摘要:
通过css实现隐藏元素方法有如下: display:none visibility:hidden opacity:0 设置height、width模型属性为0 position:absolute clip-path 关于display: none、visibility: hidden、opacity
阅读全文

摘要:
示例:iPhoneX 取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。 一、什么是安全区域?最近正在开发小程序相关的需求时,遇到了一个问题——ios高版本的安全区域,即iPhoneX及以上拥有的“刘海儿”等可滑动区域会与你开发的内容重合。 幸运的是,在小程序上我们只需要
阅读全文

摘要:
1、改变鼠标样式 把鼠标改成自己喜欢的小图片 *{cursor:url(https://blog-static.cnblogs.com/files/blogs/725648/cursora.ico),auto;} 2、鼠标选中样式 鼠标选中样式,背景颜色,文字颜色的修改 /* webkit, ope
阅读全文
