09 2019 档案

animation关键帧动画语法
摘要：基本声明和用法 为了简洁起见，此页面上的其余代码将不使用任何前缀，但实际使用情况应使用上面的所有供应商前缀。 多个步骤 如果动画具有相同的开始和结束属性，则一种方法是用逗号分隔0%和100%值： 或者，你总是可以告诉动画运行两次(或任何偶数次)并告诉方向交替。 调用具有单独属性的关键帧动画： 动画简 阅读全文
posted @ 2019-09-29 17:20 请叫我二狗哥 阅读(1181) 评论(0) 推荐(0)
border-image
摘要：border-image是一种简写属性，可让您使用图像或CSS渐变作为元素的边框。 当border-collapse设置为collapse时，border-image属性可以应用于任何元素，但内部表格元素(例如tr，th，td)除外。 属性 border-image唯一必需属性的简写是border- 阅读全文
posted @ 2019-09-26 12:37 请叫我二狗哥 阅读(1719) 评论(0) 推荐(1)
CSS3之box-shadow
摘要：语法： box-shadow: h-shadow v-shadow [blur] [spread] [color] [inset]; 用于在块级元素(如div)上投射阴影。 参数说明： 1、阴影的水平偏移量，正数表示阴影在框的右侧，负偏移量将阴影放在框的左侧。 2、阴影的垂直偏移，负数表示阴影在框的 阅读全文
posted @ 2019-09-25 12:42 请叫我二狗哥 阅读(395) 评论(0) 推荐(0)
border-radius编程练习1-3
摘要：border-radius编程练习1-3 我们刚学了圆角的知识，那么我们运用圆角的知识来实现下图所要求的效果： 参考代码： 阅读全文
posted @ 2019-09-24 17:14 请叫我二狗哥 阅读(268) 评论(0) 推荐(0)
CSS之border-radius
摘要：你可以通过CSS应用一个border-radius给任何元素“圆角”。你只会注意到是否涉及颜色变化。例如，如果元素的背景颜色或者边框与元素覆盖的不同。(注：即元素的背景颜色或边框颜色与其父元素的颜色存在差异，下面例子中元素的背景颜色和边框呈现浅绿色，而其父元素原色为白色，便于明显观察到圆角)。举个简 阅读全文
posted @ 2019-09-24 10:50 请叫我二狗哥 阅读(775) 评论(0) 推荐(0)
CSS3之径向渐变
摘要：设置最终形状参数： 设置长半轴和短半轴 设置椭圆对称中心 设置色标 输出代码： radial-gradient(circle closest-side at center, red 50%, blue 100%,white 100%) 径向渐变(radial gradients)：从起点到终点颜色从 阅读全文
posted @ 2019-09-20 18:08 请叫我二狗哥 阅读(1718) 评论(0) 推荐(0)
CSS3之线性渐变（linear gradients）
摘要：线性渐变(linear gradients)沿着一根轴线改变颜色，从起点到终点颜色进行顺序渐变。 语法： background:linear-gradient(direction,color-stop1,color-stop2,……); 1、线性渐变从上到下(默认) 语法 background:li 阅读全文
posted @ 2019-09-19 18:05 请叫我二狗哥 阅读(18438) 评论(0) 推荐(0)
CSS之background——背景与渐变练习题
摘要：1、单选题 将背景的绘制区域规定到内容框，应使用background-clip属性中的哪个属性值? A content-box B border-box C padding-box D none-box 2、多选题 在没有内填充(padding)的情况下，将背景的绘制区域从包含边框到不包含边框，如效 阅读全文
posted @ 2019-09-06 12:30 请叫我二狗哥 阅读(1376) 评论(0) 推荐(0)