CZLayer的阴影

CALayer有一个shadow属性意思是阴影

shadowcolor //颜色

shadowoffset //偏移

shadowOpacity //透明度

layer有一个方法 masksToBounds 意思是裁剪

当有阴影时，可以裁剪掉阴影

但是裁剪阴影后，layer设置的图片圆角将不会被裁剪

在没有阴影的时候 layer设置的圆角将会被裁剪

时间： 2024-09-29 17:51:17

CZLayer的阴影的相关文章

CSS3 阴影(text-shadow)

在以前,阴影效果一般都是做成图片,现在有了CSS3 可以直接使用text-shadow 属性来实现阴影.这个属性可以有两个作用,产生阴影和模糊主体.这样在不需要图片的情况下就能给文字增加质感. 基本语法: text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]* 也就是: text-shadow:[颜色(Color) x轴

使用 electron 实现类似新版 QQ 的登录界面效果（阴影、背景动画、窗体3D翻转）

上文<使用 VS2017 和 js 进行桌面程序开发 - electron 之 Hello Word>介绍了如何使用 VS2017 开发 electron 桌面程序,今天来点有看头的,但是没什么技术含量,囧~~ 现在什么都讲究追赶潮流,觉得 QQ 登录窗口做的效果不错,既然刚学习 electron ,那么就用 electron 模仿一下.其实主要用到的就是 CSS3 的效果:边框圆角.阴影,3D变换.对,就这么简单.先上效果: 下面是关键代码: app.js 'use strict'; con

跳动的心有阴影跳动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>心的跳动</title> <style type="text/css"> *{ margin: 0; padding: 0; } body { width: 100%; background-color: #000; } .all

关于css阴影和浮动

盒子阴影box-shadow box-shadow:0 0 1px #000 inset; 水平垂直模糊颜色 : [1] inset代表框内阴影,不加inset代表框外阴影 [2]第1个值为0时,代表左右边框阴影为1px范围第1个值为正整数代表左边框阴影第1个值为负整数代表右边框阴影同理第2个值为0 代表上下边框阴影第2个值为正整数代表1px阴影距离上边框多少第1个值为负整数代表下边框阴影设置 (注意:

WINFORM 无边框窗体阴影与移动

//窗体移动API[DllImport("user32.dll")]public static extern bool ReleaseCapture();[DllImport("user32.dll")]public static extern bool SendMessage(IntPtr hwnd, int wMsg, int wParam, int IParam);public const int WM_SYSCOMMAND = 0x0112;public c

CSS3阴影 box-shadow的使用和技巧总结

text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果.随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍. 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径阴影扩展半径阴影颜色} box-shadow属性的参数设置取值: 阴影类型:此参数可选.如不设值,默认投影方

CSS3与页面布局学习总结（六）——CSS3新特性（阴影、动画、渐变、变形、伪元素等）

目录一.阴影 1.1.文字阴影 1.2.盒子阴影二.背景 2.1.背景图像尺寸 2.2.背景图像显示的原点三.伪元素 3.1.before 3.2.after 3.3.清除浮动四.圆角与边框 4.1.border-radius 圆角 4.2.边框图片border-image 五.变形 transform 5.1.rotate()2D旋转 5.2.设置原点 transform-origin 5.3.平移 translate() 5.4.缩放 scale 5.5.斜切扭曲skew 六.渐变

winform 移动窗体，和窗体阴影(引用)

无边框窗体移动://窗体移动API [DllImport("user32.dll")] public static extern bool ReleaseCapture(); [DllImport("user32.dll")] public static extern bool SendMessage(IntPtr hwnd, int wMsg, int wParam, int IParam); public const int WM_SYSCOMMAND = 0x

PIE使IE支持CSS3圆角盒阴影与渐变渲染

PIE使IE支持CSS3圆角盒阴影与渐变渲染 http://css3pie.com/download/