搜索
共找到"css"相关的 文章108条 信息
  • 行业 | CSS2020聚焦新基建 腾讯发布云原生安全体系 助力客户备战云上“主战场”

    9月11日,第六届 CSS互联网安全领袖峰会-产业专场正式在线上举行。本届CSS与腾讯全球数字生态大会合二为一,聚焦数字经济下的安全态势、云时代的安全新思维、生态协同技术演进与应用实践等重要命题。在大会上,腾讯安全正式对外发布腾讯云原生安全防护体系,围绕安全治理、数据安全、应用安全、计算安全和网络安全等层面,搭建完整的云上安全防护架构,助力客户应对数字时代的云上安全挑战。腾讯高级执行副总裁、云与智慧产业事业群总裁汤道生指出,安全是产业数字化的“底座”,每个单位都需要建立一套适用于数字时代的安全体系,以数据为

    2020-09-11

  • 纯CSS如何实现火焰动画效果?(实例介绍)

    本篇文章给大家介绍一下使用纯CSS实现火焰动画效果。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。正文从下面开始。今天的小技巧是使用纯 CSS 生成火焰,逼真一点的火焰。嗯,长什么样子?在 CodePen 上输入关键字CSS Fire,能找到这样的:或者这样的:我们希望,仅仅使用 CSS ,效果能再更进一步吗?能不能是这样子:如何实现嗯,我们需要使用filter+mix-blend-mode的组合来完成。很多 CSS 华而不实的效果都是filter+mix-blend-mode,很有意思,但是业务中根本用不上,当然多了解了解总没坏处。如上图,整个蜡烛的骨

    2021-01-19

  • css3如何实现进度条动画效果?(代码示例)

    项目过程中,开始使用了js的requestAnimationFrame方法实现进度条,但是在数据超级多的时候非常影响性能,如此改用css去实现,优化。先贴代码:!DOCTYPEhtmlhtmlheadmetacharset=UTF-8metaname=viewportcontent=width=device-width,initial-scale=1.0metahttp-equiv=X-UA-Compatiblecontent=ie=edgetitleDocument/titlestyletype=text/css*{margin:0;padding:0}.box{width:100px;height:10px;border-radius:10px;background:#999;margin:100pxauto;border:1pxsolid#ff6780;}.child{position:relative;height:100%;border-radius:inherit;}

    2021-01-19

  • HTML/CSS实现逆序列表(列表编号倒序)

    我正在做一个项目,其中有一个倒序的列表。列表创建时间降序排序的,这里我想在语义和视觉上都能体现出来(让列表显示对应的编号,编号越大表示是最新的)。网上做了一些研究,找到了一些有趣的解决办法,有些很好,有些就不那么好了。最终结果类似如下:CBA接着,我们来看看有哪些实现的方式。HTML中的reversed属性简单,最直接的解决方案是HTML中的reversed属性。olreversed liC/li liB/li liA/li /olreversed属性是一个布尔属性,reversed属性规定列表顺序为降序 (9, 8, 7...),而不是升序 (1, 2, 3...)。reversed属性除了 IE 大多数的

    2021-01-14

  • 深入研究CSS :placeholder-shown伪类

    一般我们常见placeholder伪类选择器用来修改默认样式及文案,忽然发现placeholder-shown伪类选择器,比较官方的解释是CSS伪类表示任何显示占位符文本的form元素。简单来说就是当输入框的placeholder内容显示的时候,输入框干嘛干嘛。【相关推荐:css在线手册】兼容性如下,在移动端没什么问题placeholder-show是如何工作的?:placeholder-shownCSS 伪类 在input或textarea元素显示 placeholder text 时生效,简单的说就是 placeholder 有值才生效,如下所示://html inputplaceholder=placeholdertext/ textareaplaceholder=placeholder

    2020-11-22

  • HTML/CSS实现逆序列表(列表编号倒序)

    我正在做一个项目,其中有一个倒序的列表。列表创建时间降序排序的,这里我想在语义和视觉上都能体现出来(让列表显示对应的编号,编号越大表示是最新的)。网上做了一些研究,找到了一些有趣的解决办法,有些很好,有些就不那么好了。最终结果类似如下:CBA接着,我们来看看有哪些实现的方式。HTML中的reversed属性简单,最直接的解决方案是HTML中的reversed属性。olreversed liC/li liB/li liA/li /olreversed属性是一个布尔属性,reversed属性规定列表顺序为降序 (9, 8, 7...),而不是升序 (1, 2, 3...)。reversed属性除了 IE 大多数的

    2020-11-21

  • 纯CSS如何实现火焰动画效果?(实例介绍)

    本篇文章给大家介绍一下使用纯CSS实现火焰动画效果。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。正文从下面开始。今天的小技巧是使用纯 CSS 生成火焰,逼真一点的火焰。嗯,长什么样子?在 CodePen 上输入关键字CSS Fire,能找到这样的:或者这样的:我们希望,仅仅使用 CSS ,效果能再更进一步吗?能不能是这样子:如何实现嗯,我们需要使用filter+mix-blend-mode的组合来完成。很多 CSS 华而不实的效果都是filter+mix-blend-mode,很有意思,但是业务中根本用不上,当然多了解了解总没坏处。如上图,整个蜡烛的骨

    2020-11-17

  • css3如何实现进度条动画效果?(代码示例)

    项目过程中,开始使用了js的requestAnimationFrame方法实现进度条,但是在数据超级多的时候非常影响性能,如此改用css去实现,优化。先贴代码:!DOCTYPEhtmlhtmlheadmetacharset=UTF-8metaname=viewportcontent=width=device-width,initial-scale=1.0metahttp-equiv=X-UA-Compatiblecontent=ie=edgetitleDocument/titlestyletype=text/css*{margin:0;padding:0}.box{width:100px;height:10px;border-radius:10px;background:#999;margin:100pxauto;border:1pxsolid#ff6780;}.child{position:relative;height:100%;border-radius:inherit;}

    2020-11-17

  • CSS如何实现酷炫的充电动画效果?(代码示例)

    本篇文章给大家介绍一下巧用 CSS 实现酷炫充电动画效果的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。循序渐进,看看只使用 CSS ,可以鼓捣出什么样的充电动画效果。画个电池当然,电池充电,首先得用 CSS 画一个电池,这个不难,随便整一个:欧了,勉强就是它了。有了电池,那接下来直接充电吧。最最简单的动画,那应该是用色彩把整个电池灌满即可。方法很多,代码也很简单,直接看效果:有内味了,如果要求不高,这个勉强也就能够交差了。通过蓝色渐变表示电量,通过色块的位移动画实现充电的动画。但是总感

    2020-11-15

  • CSS实现带圆角的渐变边框的几种方法

    CSS如何实现带圆角的渐变边框?下面本篇文章给大家介绍一下使用CSS巧妙实现带圆角的渐变边框的几种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。如何实现下面这个渐变的边框效果:这个问题本身不难,实现的方法也有一些,主要是有一些细节需要注意。border-imageborder-image是 CSS 规范CSS Backgrounds and Borders Module Level 3(最新一版的关于 background 和 border 的官方规范) 新增的一个属性值。顾名思义,我们可以给 border 元素添加 image,类似于background-image,可以是图片也可以是渐变,不再局

    2020-11-13

点击图片直接加群
更多
ots网络logo

OTS网络安全门户主要提供网络信息安全教程、文章、工具,让更多的小伙伴加入我们的社区一起学习。

技术支持: 建站ABC | 管理登录