css3
关注
分享
扫一扫
alisaGreen
纵然没有那般天赋，也想一步步跟上脚步
展开
-
css3 -webkit-image-set 设置不同分辨率 背景图片
今天get到的一个新技能，看来好久没看css3都要out了，谨以此警醒一下自己语法：image-set() = image-set( # ) = [ | ] 说明：image-set() 可以根据用户设备的分辨率匹配合适的图像。为不同的设备分配合适得图像;示例div转载 2017-03-29 10:08:00 · 5908 阅读 · 0 评论 -
css3实现文字的阴影效果
//代码<!DOCTYPE html><html><head><style>h1{text-shadow: -2px 0px 2px #FF0000,2px 0px 2px #FF0000,0px 2px 2px #FF0000,0px -2px 2px #FF0000;}</style></head><body...原创 2018-02-27 16:21:15 · 2978 阅读 · 0 评论 -
max(min)-device-width和max(min)-width的区别
max(min)-device-width和max(min)-width的区别在网页自适应设计中，max-device-width和max-width是不可缺少的两大CSS属性，但是可能大家在使用的选择上没有太多讲究，认为用其中一个即可。确实，如果没有特定要求，用任何一个都没有什么问题，不过如果你对此两个属性有了充分的认识之后，你或许把网页的自适应设计得更为极致一些。max-device-wi...原创 2019-05-15 11:21:41 · 1255 阅读 · 0 评论 -
仿bootstrap hover 提示字符
思路：对target 设置自data-msg 自定义属性利用伪元素 content: attr(data-msg) 拿到内容接下来就是针对伪元素进行定位以及修饰了，这里用到::before 作为箭头；首先设置一个div，data-msg是悬停的内容测试内容如下是样式：.inner {position: relative;width:300px;background: #39f;...转载 2019-07-23 15:59:06 · 289 阅读 · 0 评论