TypechoJoeTheme

尘遇 logo

当我遇上你
排行榜
统计
搜索到 7 篇与 CSS 的结果
2021-05-08
CSS实现文字滚动
以前用marquee来插入一段滚动的文字。但是<marquee>元素已经过时,请不要再使用(很多网站如是说,非吾说)。本文分享比较好看的CSS关于文字可以上下滚动的炫酷代码,样式很好看值得推荐!<!--CSS文字滚动--> <meta charset="UTF-8"> <style> .menu-list { list-style:none; width:300px; margin:100px auto; } .menu-list li { display:block; } .list { list-style:none; margin-left:-50px; width:300px; height:60px; overflow:hidden; } .list li { width:300px; height:60px; position:relative; animation:myfirst 4s ...
醉书生
2021-05-08

网站建设

172 阅读
0 评论
2021-05-08
172 阅读
0 评论
2021-05-03
CSS 实现新拟态(Neumorphism) UI 风格
什么是新拟态(Neumorphism) UI 风格?网上似乎还没有一个准确统一的定义。按照我个人的通俗理解,就是将界面的一部分凸起来,另一部分凹下去,形成的一种错落有致的拟物风格。代表作是乌克兰设计师 Alexander Plyuto 在各平台发布的新作品「Skeuomorph Mobile Banking」新拟态 UI 风格与扁平、投影风格的对比从上面这张对比图可以看出,扁平风格就像是一张纸贴在墙面上,投影风格像是浮在半空中,而新拟态风格则像是墙面上直接凸起了一块。新拟态 UI 风格的实现方式要实现这种风格,精髓在于一个白色的阴影+一个常规阴影。一个示例如下图所示:新拟态 UI 风格的前端实现闲来无事,参照着以上的实现方式临摹了一下练手(代码如下)。后来发现居然已经有了在线工具直接生成这种风格的 CSS 代码,很强!Neumorphism CSS 在线生成器地址:https://neumorphism.io<style> body { background: #ecf0f3; } div { position: relative; float...
醉书生
2021-05-03

电脑网络

119 阅读
0 评论
2021-05-03
119 阅读
0 评论
2021-03-09
新秀网站引入 JS/CSS 的几种方式
网页制作过程中,难免需要用到 CSS 以及 JS。一般情况下我们为了便于代码维护都会将 CSS、JS 分别写在不同的文件中以实现结构、样式、行为的分离,但是对于一些特殊情况,我们可能需要直接在元素中内嵌样式,或者直接在文档中内嵌脚本,这里就简单整理一下 CSS 与 JS 的几种引入方式,做个简单的对比,方便理解。元素内嵌<div style='color:red;'>遇上你——要时间嘉许,等春风得意,我正好遇上你!</div> // 元素内嵌 CSS <button onclick="alert('遇上你——要时间嘉许,等春风得意,我正好遇上你!')">按钮名称</button> // 元素内嵌 JS文档内嵌// 文档内嵌 CSS <style> .mycss { color: red; } </style> // 文档内嵌 JS <script type=”text/javascript”> alert('遇上你——要时间嘉...
醉书生
2021-03-09

网站建设

212 阅读
0 评论
2021-03-09
212 阅读
0 评论
2021-02-26
纪念日网页变灰的Joe主题设置方式
1、修改function.php在function.php文件里新增如下代码,文件路径:usr/themes/Joe// 全站置灰 $websiteChgGray = new Typecho_Widget_Helper_Form_Element_Select( 'websiteChgGray', array( 'off' => '关闭(默认)', 'on' => '开启', ), 'on', '是否启用全站置灰', '介绍:开启后,网站所有信息全部变成黑白' ); $websiteChgGray->setAttribute('class', 'joe_content joe_custom'); // 如果无法显示设置,将joe_custom修改为joe_other $form->addInput($websiteChgGray->multiMode());2、修改include.php在include.php文件的底部增加,文件路径:usr/themes/Joe/publ...
醉书生
2021-02-26

网站建设

192 阅读
0 评论
2021-02-26
192 阅读
0 评论
2020-12-01
新秀几款漂亮的css美化框
如果是joe模板直接在后台设置(typecho开发版才生效)。后台-公共设置——自定义CSScss代码#zm_mhz,#zm_xgh,#zm_tkzj,#zm_xyz,#zm_gll ,#zm_xty,#zm_yyz,#zm_szh,#zm_wbk{ /*圆角值,在此定义*/ border-radius: 8px; } /*迷幻紫*/ #zm_mhz{ color: #555555; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; /*border-radius: 10px;*/ box-shadow: 6px 0 12px -5px rgb(190, 196, 252), -6px 0 12px -5px rgb(189, 196, 252); background-color: #8EC5FC; background-image: linear-gradient(62deg,#8EC5FC 0%,#E0C3FC 100...
醉书生
2020-12-01

网站建设

224 阅读
0 评论
2020-12-01
224 阅读
0 评论
2019-11-04
特别的日子里网站变灰色的设置
第一种:修改CSS文件我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);}第二种:修改<head>标签在网页的<head>标签内加入以下代码如果你不想改动CSS文件,你可以通过在网页头部中的<head>标签内部加入内联CSS代码的形式实现网站网页变灰<style type="text/css"> html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}</style>第三种:修改<html>标签修改<html>标签加入内联样式如里上面的两种方式都不喜欢,可以通过修改<...
醉书生
2019-11-04

网站建设

198 阅读
0 评论
2019-11-04
198 阅读
0 评论

光阴者,百代之过客

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

最新回复

  1. chz举人
    2021-10-16

  2. ZMR秀才
    2021-10-16
  3. 鑫旺秀才
    2021-10-15
  4. ZMR秀才
    2021-10-15
  5. WF.秀才
    2021-10-14