css
文章平均质量分 89
css 一些属性介绍,记录。
随笔写
这个作者很懒,什么都没留下…
展开
-
css perspective 解析及使用
其实 perspective 属性看对于谁来说,对于父级的及对于子级来说是存在区别的,下面直接上示例,你就能看出其中不同之处。但是给父元素设置perspective属性和给自身直接设置transform:perspective属性有时候效果一样,有时候效果差别却很大)。这个属性需要写在父级,数值越大,意味着你看到的页面就会越远,透视效果越弱。属性的时候,会以元素自身的某个点作为视点,所以呈现出的效果还是一样的。上面效果只存在于一个div元素的时候,跟多个元素,在父级设置这个属性后,会存在差异。原创 2024-09-25 15:26:19 · 770 阅读 · 0 评论 -
11个有用的css编辑网站
官方网站:https://bennettfeely.com/clippy/ 其他: https://www.cssportal.com/css-clip-path-generator/在这里你可以生成多个加载动画并将其下载为SVG、GIF、PNG和其他格式,但它最棒的特点是你可以将这些动画自定义到一个新的水平。官方网站:https://9elements.github.io/fancy-border-radius/可以为Grid生成很棒的css,你可以使用div对其进行自定义,它还将为此创建子元素。原创 2024-08-21 16:04:20 · 1179 阅读 · 0 评论 -
CSS clip-path 属性的使用
通过定义一个剪切区域来控制元素的可视部分,隐藏元素轮廓之外的内容。这一特性打破了传统矩形布局的限制,开启了创造非矩形、自定义形状设计的大门,对于提升网页和应用的视觉吸引力及交互体验具有重要意义。是CSS中的一个神奇属性,它能够让你像魔术师一样,对网页元素施展“裁剪魔法”——只展示元素的一部分,隐藏其余部分。是一个强大的设计工具,它不仅增强了网页的视觉层次,还推动了创新的用户界面设计,让网页元素的展示更加丰富多彩和引人入胜。可以成为动态图形和交互设计的强大工具,实现元素形状的变化、加载动画或鼠标悬停效果等。原创 2024-09-19 13:53:25 · 1470 阅读 · 0 评论