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

  • 每天一个CSS小技巧 - 毛玻璃效果

    半透明颜色最初的使用场景之一就是作为背景。将其叠放在照片类或其他花哨的背层之上，可以减少对比度，确保文本的可读性。这种效果确实很有视觉冲击力，但仍然可能会导致文字很难阅读。<!DOCTYPE html><html lang="en"><head> < 2024-11-21 09:02:36

  • 程序员实现纯css写3D翻书效果，喜欢看小说的都有福咯

    点击图片查看炫酷效果这就是一个用css写的3D的翻书的小作品，用到的都是一些简单的知识，没有大神程序员那么装逼，也一样能写出牛逼的特效，现在找工作面试都会提很多基础的问题，打好基础也是必不可少的，想要比别人出色，就要付出不亚于任何人的努力！如果有正在学习前端，不知道怎么学习，学习效率不高或者不知道行 2024-11-20 11:15:18

  • 解决前端一切布局的神器：CSS3 Flex弹性布局

    前言Flex（Flexible Box），意为”弹性布局”。“弹性”，顾名思义，就是具有弹簧的特性，能够自由的伸缩（有点自适应的意思）。其实Flex并不是最近才出现的，而是早在十年前它就被提出。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已 2024-11-20 09:32:13

  • css零基础自学教程（七）css链接样式，自定鼠标样式

    一 css链接链接可以使用任何css属性(例如,color,font-family,background等)来设置样式.另外,链接的样式可以不同,具体取决于所处的状态.以下伪选择器可用:a:link 定义正常的为访问链接的样式a:visited 定义访问链接的样式a:active 一旦点击链接,链接 2024-11-20 09:01:59

  • 使用CSS实现苹果官网渐变文字效果

    效果分析文字是从左到有慢慢呈现出来，不是整体消失和出现，那么肯定不能使用透明度。我们可以想到渐变文字，然后通过改变背景的位置来控制文字的显示与隐藏。渐变文字渐变文字该如何实现呢？这是实现这个效果的关键步骤。其实就是给文字设置渐变背景，然后将文字自身的颜色透明化，最后做一个背景裁切。h1 { ba 2024-11-20 08:47:20

  • 浅谈CSS布局之圣杯布局和栅格布局

    　　检验前端的一个基本功就是考查他的布局。很久之前圣杯布局风靡一时，这里就由圣杯布局开始，到最流行的Bootstrap栅格布局。圣杯布局　　先来看看圣杯布局，这是一种三列布局，两边定宽，中间自适应的布局，案例如下<!DOCTYPE html><html><head& 2024-11-20 08:32:07

  • css实现简单的弹出层提示效果

    tooltip提示效果经常会使用到，会运用到的场景是一些信息提示标识网页中。具体效果：实现代码html:title的值就是弹出层的内容！css: 2024-11-20 08:17:16

  • CSS水平垂直居中布局方案概述

    在前端开发中，通过CSS实现布局容器的居中，也有诸多方法方式，当然也是CSS面试题中的经典面试题，在本文章中会系统的分析综述 通过 Flexbox 布局模块 与 CSS Grid布局模 实现容器的居中效果。在传统解决方案，基于盒状模型，依赖 display属性 + position属性 + floa 2024-11-20 08:02:28

  • 常见网站的CSS Reset（默认样式）

    CSS Reset是指样式重置，主要用于清除浏览器里面的默认样式，有利于页面布局。以下总结了一些常见网站使用的默认样式，供大家参考。淘宝html {overflow-x:auto;overflow-y:scroll;}body, dl, dt, dd, ul, ol, li, pre, fo 2024-11-19 10:17:24

  • JavaScript魔法：如何用几行代码实现令人惊艳的页面动态效果（css淡入淡出效果）

    随着互联网的发展，网页的视觉效果越来越重要。为了吸引用户的注意力和提升用户体验，页面动态效果成为了不可或缺的一部分。JavaScript作为一种前端开发语言，可以帮助我们实现各种各样的页面动态效果。本文将介绍一些常见的页面动态效果，并提供实例代码供参考。一、利用CSS和JavaScript实现简单的 2024-11-19 10:02:37