Web秀
首页
专栏
文章
问答
热点
导航
实例
文章
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
登录
综合
Uni-App
Webpack
React
Html
Electron-Vue
Electron
Vue-Nuxt
TypeScript
NodeJs
web前端
Vue
Css
JavaScript
比特币
ThreeJs
工具类
面试
服务器
小程序
其他
展开
推荐
最新
热榜
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
Css
CSS3新增了哪些新特性?
CSS3新增了哪些新特性?一、是什么css,即层叠样式表(CascadingStyleSheets)的简称,是一种标记语言,由浏览器解释执行用来使页面变得更美观css3是css的最新标准,是向后兼容的,CSS1/2的特性在CSS3里都是可以使用的而CSS3也增加了很多新特性,为开发带来了更佳的开发体验二、选择器css3中新增了一些选择器,主要为如下图所示:三、新样式边框css3新增了三个边框属性,分别是:border-radius:创建圆角边框box-shadow:为元素添加阴影border-image:
546644
3260
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
Css
纯CSS制作一个评星组件(说出去都没人信)
前言纯CSS制作一个评星组件,说出去都没人信,你信吗?如果让你制作上面图的效果,你会怎么开发了?可以下发评论说说你的想法。今天就来看看纯CSS是如何实现这个效果的。HTML<divclass="radio-stars"><inputclass="sr-only"id="radio-5"type="radio"name="radio-star"value="5"/><labelclass="radio-star"for="radio-5">5</label>&
557819
3870
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
Css
CSS如何画一个三角形?原理是什么?
一、前言在前端开发的时候,我们有时候会需要用到一个三角形的形状,比如地址选择或者播放器里面播放按钮通常情况下,我们会使用图片或者svg去完成三角形效果图,但如果单纯使用css如何完成一个三角形呢?实现过程似乎也并不困难,通过边框就可完成二、实现过程在以前也讲过盒子模型,默认情况下是一个矩形,实现也很简单<style>.border{width:50px;height:50px;border:2pxsolid;border-color:#96ceb4#ffeead#d9534f#ffad60;}
546710
3278
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
4年前
Css
学习CSS的正确打开方式:8款游戏带你学习CSS
前言css的属性是非常的多,如果全靠大脑来记,相信没有几位能够做到,只能通过反复编写,增加熟练度,知道有哪些属性,然后根据编辑器或者浏览器等工具提示,得心应手的完成样式开发。比如,flex布局。flex的属性justify-content就有12个以上的不同值,必须阅读flexbox的完整指南,才能了解他们各自的作用,但是文档就有几页内容,看起来非常的枯燥乏味。我最近偶然发现了一个塔防游戏,需要用css编程,来完成塔防,听起来是不是非常的有趣,下面一起看看。FlexboxDefense上图就是整个游戏界面
556691
3729
0
chokcoco
Lv0
iCSS前端趣闻
0
关注
0
关注者
关注
chokcoco
1年前
Css
有意思的方向裁切 overflow: clip
本文将介绍一个新特性,从Chrome90开始,overflow新增的一个新特性--overflow:clip,使用它,轻松的对溢出方向进行控制。overflow:clip为何首先,简单介绍下overflow:clip的用法。overflow:clip:与overflow:hidden的表现形式极为类似,也是对元素的padding-box进行裁剪。但是,它们有两点不同:也就是overflow:clip内部完全禁止任何形式的滚动。当然,这个不是今天的重点,暂且略过不谈。MDN原文:Thedifferenceb
544984
3312
0
chokcoco
Lv0
iCSS前端趣闻
0
关注
0
关注者
关注
chokcoco
2年前
Css
小技巧!CSS 提取图片主题色功能探索
本文将介绍一种利用CSS获取图片主题色的小技巧。一起看看~背景起因是微信技术群里有个同学发问,有什么方法能够获取图片的主色呢?有一张图片,获取他的主色调:利用获取到的这个颜色值,来实现类似这样的功能--容器中有一张图片,希望背景色可以适配图片的主色,像是这样:大家出谋划策,有说利用Canvas进行计算的,有推荐专门的开源库的,都挺好。那么,利用CSS,能不能实现这个功能呢?听起来好像有点痴人说梦,CSS还能实现这个效果?emm,利用CSS确实可以通过一种讨巧的方式,近似的获取到图片的主色调,在对主色的要求
545670
3228
0
chokcoco
Lv0
iCSS前端趣闻
0
关注
0
关注者
关注
chokcoco
2年前
Css
如何不使用 overflow: hidden 实现 overflow: hidden?
一个很有意思的题目。如何不使用overflow:hidden实现overflow:hidden?CSS中overflow定义当一个元素的内容太大而无法适应块级格式化上下文时候该做什么。而overflow:hidden则会将超出容器范围内的内容剪裁。控制overflow:hidden的方向这源自一个实际的需求,在某个需求当中,要求容器内的内容,在竖直方向上超出容器会被裁剪,而在水平方向上超出容器,则不会被裁剪。类似这样:有意思,第一个想到的解法当然是在上述黄色背景元素本身之外再套用一层父元素,然后父元素才是
546083
3252
0
chokcoco
Lv0
iCSS前端趣闻
0
关注
0
关注者
关注
chokcoco
2年前
Css
使用 mask 实现视频弹幕人物遮罩过滤
经常看一些LOL比赛直播的小伙伴,肯定都知道,在一些弹幕网站(Bilibili、虎牙)中,当人物与弹幕出现在一起的时候,弹幕会“巧妙”的躲到人物的下面,看着非常的智能。简单的一个截图例子:其实,这里是运用了CSS中的MASK属性实现的。mask简单用法介绍之前在多篇文章都提到了mask,比较详细的一篇是--奇妙的CSSMASK,本文不对mask的基本概念做过多讲解,向下阅读时,如果对一些mask的用法感到疑惑,可以再去看看。这里只简单介绍下mask的基本用法:最基本,使用mask的方式是借助图片,类似这样
546264
3326
0
chokcoco
Lv0
iCSS前端趣闻
0
关注
0
关注者
关注
chokcoco
2年前
Css
奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画?
本文将从比较多的方面详细阐述如何利用CSS3D的特性,实现各类有趣、酷炫的动画效果。认真读完,你将会收获到:了解CSS3D的各种用途激发你新的灵感,感受动画之美对于提升CSS动画制作水平会有所帮助CSS3D基础知识本文默认读者掌握一定的CSS3D知识,能够绘制初步的3D动画效果。当然这里会再简单过一下CSS3D的基础知识。使用transform-style启用3D模式要利用CSS3实现3D的效果,最主要的就是借助transform-style属性。transform-style只有两个值可以选择://语法
545668
3315
0
前端小智
Lv
0
关注
0
关注者
关注
前端小智
1年前
Css
掌握CSS属性:inherit、initial、unset、revert,让你的样式控制更上一层楼
CSS(层叠样式表)是一种强大的用于样式和格式化网页文档的工具。在这份全面的指南中,我们将探讨四个特殊关键词:inherit,initial,unset和revert。Inherit(继承):从父元...
540675
3213
0
下拉加载更多
您好
去签到
你已经连续签到
0
天
猜你喜欢
换一换
最新文章
更多