css
关注
分享
扫一扫
文章平均质量分 73
前端技术营
欢迎来到前端技术营！专注分享前端技术干货，推送前端实用文章，追求代码中的精致与典雅，解读前端的意趣与智慧。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS实现图片边框酷炫效果
我们在浏览一些网页时，经常会看到一些好看酷炫的元素边框效果（如下图），那么这些效果是怎么实现的呢？我们知道，一般的边框，要么是实线，要么是虚线（点状，短横线），但是遇到一些特殊的边框，传统边框就束手无策了。遇到这种边框，不妨考虑下用 border-image。border-image属性可以给边框添加背景图片，实现图片边框效果。在css中，可以使用border-image属性设置图片边框，只需要给元素添加border-image样式即可。原创 2024-07-26 08:00:00 · 2907 阅读 · 12 评论 -
你知道Vue3中style新增了哪些特性吗？
Vue3不仅对语法进行了升级，而且还新增了一些style特性，这样在模板中可以更加灵活地使用css样式。下面本篇文章给大家总结分享一下Vue3 style的新特性，希望对大家有所帮助！ Vue3新增style新特性主要有引入了变量和函数，也就是状态驱动的动态css；插槽选择器；自定义注入名称等，其主要的作用就是使css更加地灵活且模板复用性更强。下面我们就一一地介绍一下每个特性的用法。原创 2022-08-20 18:44:35 · 2002 阅读 · 0 评论 -
自从看了这篇文章我也明白css中的BFC了，这也太厉害了
我们常说的文档流其实分为定位流、浮动流、普通流三种。而普通流其实就是指BFC中的FC。FC(Formatting Context)，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。......原创 2022-07-16 20:10:39 · 290 阅读 · 1 评论 -
css文字处理
前言 作为程序员的我们，书写代码也需要大量的技巧。一份良好的代码能让人耳目一新，让人容易理解，同时也让自己成就感满满。因此，在这里简单的整理一些CSS开发技巧，希望能让你写出耳目一新、容易理解、舒服自然的代码。 本小结主要是围绕css对文字处理的技巧，有兴趣的小伙伴可以收藏一下。 文本对齐方式 CSS最常用的对齐方式，居中对齐、左对齐（默认）、右对齐，而且实现起来也是非常的简单。 如下： p{ ...原创 2019-10-11 16:11:43 · 460 阅读 · 0 评论 -
css之文本两端对齐
1、效果图 2、实现代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .item .label{ width:120px; height...原创 2019-06-13 15:58:06 · 291 阅读 · 0 评论 -
常用css形状
1.椭圆形 #oval { width: 200px; height: 100px; background: red; border-radius: 100px / 50px; } 2.上、下、左、右三角 #triangle-up { width: 0; height: 0; //上三角 border-left: 50px solid transparen...原创 2019-06-06 16:29:13 · 348 阅读 · 0 评论 -
marquee一行代码实现滚动跑马灯效果无需js
最近ytkah决定拓展一下业务，贴补一些家用，(@^_^@)，将以前做的网站建设案例展现出来，有这方面需求的朋友可以扫一下二维码加我哈，或者推荐朋友给我，有奖励噢！网站设计案例展示一般用幻灯片切换会比较高大上，但这需要用到js，第三方博客等网站不支持外嵌js，或者有些网友不知道怎么用，有一种方法可以解决，用标签，可以实现多种滚动效果，无需js控制。marquee标签不仅可以滚动文字，也可以滚动图片...转载 2019-02-21 16:06:20 · 481 阅读 · 0 评论 -
拯救前端开发者的工具、库和资源
我只是想简单的分享一套我认为有助于提升开发者工作流的工具集。 这套工具集中的大部分你可能见过，也可能没见过，如果有哪个/些让你眼前一亮，那么我的分享就很值了。 这个列表包含许多种类的资源，所以这里我将它们分组整理。 Javascript 库 Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库 Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库 F...原创 2018-11-21 09:45:22 · 199 阅读 · 0 评论 -
js波浪点击按钮
效果图： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="vi原创 2018-11-14 17:27:15 · 400 阅读 · 0 评论 -
Css:after伪元素【简单】写对话框箭头
第一次写对话框的箭头时，也是一头雾水，不知道怎么去写，后来去学习了一下别人怎么写的，也曾经试过去用别人的代码，但是去修改箭头长度和宽度的时候总是很难，然后就自己去研究，发现了一种全新的写法，自我感觉还是挺简单的，最重要的是这样写可以去控制箭头的长短和宽度，这样在其他地方用的时候，也更加容易修改。 <!DOCTYPE html> <html lang="zh"> <he...转载 2018-10-23 16:38:19 · 1225 阅读 · 0 评论 -
纯css，div隐藏滚动条，保留鼠标滚动效果
版权声明：本文为博主原创文章，转载请注明出处。 https://blog.youkuaiyun.com/liusaint1992/article/details/51277751 当我们的内容超出了我们的div，往往会出现滚动条，影响美观。 尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。 这里介绍一个简单的方法。...转载 2018-10-25 10:32:20 · 182 阅读 · 0 评论 -
CSS书写优美的文字样式（透明、模糊、镂空、渐变、图片背景文字）
前言 做页面涉及字体的时候，最多就是换个color换个font-family，总是觉得不够华丽美艳，这时就需要我们自己动手丰衣足食的去“创造”一些css样式字体呢？ 透明文字 用rgba调整透明度或用opacity调整遮罩 .txt1{ background: pink; color: rgba(0,0,0,0.1); /*或*/ opacity: 0.1; } 两种区别是用r...翻译 2018-10-15 17:13:58 · 15385 阅读 · 0 评论