当前位置:首页 > 网站应用

网站应用

  • 最新
  • 浏览
  • 评论

css3动画实现滚动字,类似航班信息,超出滚动,不超出不滚动

cjw1231年前 (2023-11-01)1910
文字走马灯,手机的弹幕等等。js可以动态的计算宽度,但js做动画需要定时器,很不方便。其实就是里外容器对向滚动,滚动的值为里外容器宽度的差值,如果里容器与外容器等宽,那么差值就为0,视觉上是没有滚动的,就像第一条数据;如果里容器宽度比外容器宽,里容器向左滚动的距离比外容器向右滚动的距离大,就会形成滚...

纯js三组文字定时向上滚动特效代码

cjw1231年前 (2023-11-01)3120
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta&nbs...

CSS中给背景图增加遮罩

cjw1231年前 (2023-10-24)3640
CSS作为网页开发的重要组成部分,经常会用到遮罩层的效果,实现页面视觉上的突出和强调。那么,CSS怎样设置遮罩层呢?下面就来简单介绍一下。首先,要清楚遮罩层的定义。遮罩层是指在页面元素上添加一个半透明的罩子,使得页面元素之间的重叠效果。”遮”住页面上的元素。接下来,我们来看如何在CSS中实现遮罩层的...

8 种在 CSS 中隐藏元素的方法汇总

cjw1231年前 (2023-10-24)2040
作为 Web 开发人员,我们经常遇到需要隐藏网页上的元素的情况。在本文中,我们将分享8 种在 CSS 中隐藏元素的方法,每种方法都有优点和注意事项。1.Opacity and Filter: Opacity隐藏元素最简单的方法之一是调整其不透明度。opacity 属性允许我们通过将其值设置为 0 来...

CSS头像的花式悬停效果

cjw1231年前 (2023-10-21)2120
<html><head><style>img { --s:280px; /* image size */    --b:5px; /* border thic...

纸张撕裂动画效果,网站错误404页源码

cjw1231年前 (2023-10-21)1590
一款挺好看的404页源码,可以改成自己想要的提示页<html>    <head>    <meta charset="UTF-8"> &nbs...

简约漂亮的网页背景渐变特效CSS

cjw1231年前 (2023-10-21)1970
渐变色背景的应用在各种网页制作、u设计是非常普遍的,分享的这套渐变背景简约大气,颜色配比很灵活,给人舒适感。<style> body { background-image:radial-gradient(rgba(255,0,0,0.3),rgba(255,0,0,0)&...

彩色渐变的圆角按钮UI特效

cjw1231年前 (2023-10-21)2200
收藏的11种彩色渐变按钮悬停动画,Css3圆角按钮渐变色动画特效。<style> .btn-hover{width: 200px;font-size:16px;font-weight:600;color:#fff;cursor: pointer;margin:&nb...

糖果风格的动画按钮

cjw1231年前 (2023-10-21)2220
这是一款糖果风格的动画按钮,共16个,每个按钮都有不同的渐变色和动画形式。点击代码下面的运行可以查看效果<!DOCTYPE html>    <html lang="zh-CN"> &n...

CSS卡片边框流动动画代码

cjw1231年前 (2023-10-21)2240
<html><head><style>@charset "UTF-8";@property --hue {   syntax: "<number>";...