码迷,mamicode.com
首页 >  
搜索关键字:css3 阴影    ( 11339个结果
极限挑战logo的制作教程
大家好,这里是demo软件园,今天为大家分享极限挑战logo的制作教程。 喜欢极限挑战,所以尝试着做了下鸡条的LOGO!!! 效果图: 素材: 操作步骤: 1、打开【PS】,新建画布,画出如下的形状,并添加图层样式【内阴影】【内发光】【渐变叠加】;之后复制两层六边形的图层,最顶上【ctrl+t】自由 ...
分类:其他好文   时间:2021-03-15 11:29:17    阅读次数:0
阴影效果
box-shadow可以用来写边框用,阴影也可以叠加使用,不占位置 box-shadow:0左右 0上下 0模糊程度 4px阴影大小 red颜色 叠加效果box-shadow:0 0 0 5px yellow,0 0 0 8px green,inset里面 10px 10px 10px 10px r ...
分类:其他好文   时间:2021-03-11 12:17:40    阅读次数:0
CSS3新增选择器
CSS3新增选择器 :first-child 表示第一个子元素是... :last-child :nth-child(numberloddleven/倍数) :first-of-type 表示第一个子元素 :last-of-type :nth-of-type (numberloddleven/倍数) ...
分类:Web程序   时间:2021-03-09 13:18:32    阅读次数:0
CSS单位px、rem、em、vw、vh的区别
px:指像素,相对长度单位,网页设计常用的基本单位。像素px是相对于显示器分辨率而言的。 em:相对长度单位。相对当前对象内文本的字体尺寸(参考物是父元素的font-size) 如果当前父元素的字体尺寸未设置,则相对于浏览器的默认字体尺寸。 特点:1、em的值并不是固定的;2、em会继承父级元素的字 ...
分类:Web程序   时间:2021-03-08 13:47:05    阅读次数:0
CSS3 教程1——基础知识
1、什么是CSS 如何学习? CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) 美化网页(文字,阴影,超链接,列表,渐变……) 盒子模型 (每个元素都有的边框之类的) 浮动 定位 网页动画(进阶学习 特效 推荐菜鸟教程) 注意: 前端和java程序员的区别在于CSS,CSS不仅需要 ...
分类:Web程序   时间:2021-03-03 12:21:52    阅读次数:0
第49天学习打卡(CSS 层次选择器 结构伪类选择器 属性选择器 美化网页元素 盒子模型)
推荐书籍:码出高效: Java 开发手册 2.2 层次选择器 idea里代码规范是按:ctrl +alt+L快捷键 注释快捷键:ctrl+/ 1.后代选择器:在某个元素的后面 祖爷爷 爷爷 爸爸 你 <style> /*p{*/ /* background: #02ff00;*/ /*}*/ /* ...
分类:Web程序   时间:2021-02-27 13:14:06    阅读次数:0
2.10 CSS3之3D转换
2.10 3D转换 2.10.1 三维坐标系 三维坐标系其实就是指立体空间,立体空间是由3个轴共同组成的。 x轴:水平向右―注意∶×右边是正值,左边是负值 y轴:垂直向下注意:y下面是正值,上面是负值 z轴:垂直屏幕注意:往外面是正值,往里面是负值 3D 转换知识要点 3D 位移:translate ...
分类:Web程序   时间:2021-02-20 12:40:51    阅读次数:0
CSS3的flex布局
使用css3的flex模型实现一个居中布局 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>flex居中布局</title> 6 <style type="text/css"> 7 html, 8 bod ...
分类:Web程序   时间:2021-02-15 12:24:42    阅读次数:0
CSS3基础复习
用户交互伪类选择器的用法 :hover 鼠标移入 :link 没有交互 :visited 访问过 :active 鼠标按下不放 <a href="">Pesudo classes</a> <a href="">Pesudo classes</a> <a href="">Pesudo classes< ...
分类:Web程序   时间:2021-02-01 12:58:59    阅读次数:0
box-shadow 如何给盒子加上好看边框阴影
废话不多说,上菜,box-shadow:2px 4px 6px -2px lime inset 解释:第一个=> 2px :沿x正方向 👉 的阴影长度(负值为x轴负方向 👈 ) 第二个=> 4px :沿y正方向 👆 的阴影长度(负值为y轴负方向 👇 ) 第三个=> 6px :阴影的模糊度(正 ...
分类:其他好文   时间:2021-01-30 11:53:14    阅读次数:0
11339条   上一页 1 2 3 4 5 6 ... 1134 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!