服务器之家
您的位置： 首页 编程语言 css
全部 Javascript css php

  • css如何只取图片的一部分(css clip属性)

    css如果想要只显示也就是只取图片的某一部分显示，迷糊想到了方式有：1、图片直接用软件分割想要的部分（这里就不演示了）2、使用背景图片的方式，前面也说过3、使用img中的clip 属性（本章就是这个演示）一：css的clip属性介绍语法：clip:rect(top right bottom left 2024-09-08 08:03:38

  • content生成自定义图标的方式是什么？

    animate.css是一个跨浏览器的CSS3动画库，它内置了很多经典的CSS3动画。使用起来很方便。下面我们通过例子讲解如何使用自定义类名和animate.css库实现动画效果。(1)从animate.css官方网站获取animate.css文件，保存到chapter04目录中。(2)创建C:\v 2024-09-07 09:48:17

  • 熟悉css3属性选择器 input下的type=radio

    自从新增了css3一些新属性后，给很多前端开发者在制作网页效果方面带来了很大的方便！增强了炫酷的用户体验！下面来说说css3属性选择器input下的radio定制效果，感兴趣的小伙伴可以看看！效果是这样的：模拟一个方向盘指示效果，当你点击上下左右，方向指针就会指向到那个位置！实现代码如下：html结 2024-09-07 08:33:00

  • 为了哀悼英雄们，网站加一行css让整个网站快速变灰白

    为了哀悼英雄们，不仅游戏被官方停服，新闻资讯的所有界面都被黑白色取代，我们为死难者哀悼时候，都会把网站调到灰色，如何快速实现呢，以下介绍两种方法（切图网用的第一种）方法一 ：html {filter:progid:DXImageTransform.Microsoft.BasicImage(grays 2024-09-07 08:18:04

  • 纯CSS实现“文本溢出截断省略”的几种方法(css让文字在一行显示)

    在我们的日常开发工作中，文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？多行的截断判断是基于行数还是基于高度？这些问题之下，都有哪些实现方案？他们之间的差异性和场景适应性又是如何？一般来说，在做这样文字截断效果时我们更多是 2024-09-06 10:18:15

  • CSS3实现多彩渐变文字

    前置知识点:root:root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示元素，除了优先级更高之外，与 html 选择器相同。在声明全局 CSS 变量时 :root 会很有用：:root { --main-color: hotpink; --pane-pad 2024-09-06 10:03:11

  • CSS解析——px、em、rem单位

    前端开发中长度单位有很多，最为常用和熟知的肯定就是px了，随着前端的不断发展，em和rem也越来越普及，只用px一把梭的时代早已成为过去。是px过时了吗？如果对这些单位的使用场景不够了解，可能就会拿着一个rem从头梭到尾了。本篇我们来好好梳理一下css中的长度单位以及它们的使用场景，我们要在合适的场 2024-09-06 09:03:05

  • 用css3制作2种效果的在线时钟(LESS改进版)

    前言先贴上另一位开发者的原文地址，其实里面显示的是2种风格的时钟，一种为传统的挂钟，一种为数字时钟，我就分开来显示了。这里再另外改了个不同背景色的方形时钟，对于数字时钟也进行了改进。在最后会放出源码，给喜欢研究的小伙伴一个参考。当然咯，最好还是自己能实践一下。此教程版本是基于原文地址基础上进行小的修 2024-09-06 08:18:14

  • CSS打造流光线条跑马灯特效，简单好用

    网页动画中经常用到跑马灯、流光特效，很多人自然想到用js实现，甚至使用canvas去完成，今天分享一个纯CSS实现的流光效果。思路：①实现一条带有静态“流光”效果的边，参考CSS渐变背景；②实现静态线条的“流光”动画效果，参考纯CSS实现背景颜色渐变动画；③将以上步骤得到的流光边进行旋转（参考CSS 2024-09-05 09:48:13

  • 干货极致分享——CSS 外边距(margin)重叠及防止方法，网友感动哭

    边距重叠解决方案(BFC)首先要明确BFC是什么意思，其全英文拼写为 Block Formatting Context 直译为“块级格式化上下文”两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界， 2024-09-05 09:18:22