位置: IT常识 - 正文

程序员过中秋丨用代码制作一个祝福小网页(html+css)(程序员中秋节祝福语)

编辑:rootadmin
程序员过中秋丨用代码制作一个祝福小网页(html+css)

推荐整理分享程序员过中秋丨用代码制作一个祝福小网页(html+css)(程序员中秋节祝福语),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:程序员中秋快乐,程序员端午节放假吗,程序员过年,程序员中秋快乐,程序员中秋快乐,程序员中秋节的祝福语句,程序员中秋快乐,程序员中秋快乐,内容如对您有帮助,希望把文章链接给更多的朋友!

大家好,我是陈橘又青,兰经香风满,松窗夜月圆!都说我们程序员过节最没仪式感,再过两周就是中秋节了,今天我们就来制作一个简单的中秋祝福小网页,祝愿看到的所有人好运安康!(附上完整源码,需要的小伙伴自取即可)

目录

写在前面

效果展示

代码展示

HTML

css

小彩蛋


写在前面

又是一年中秋到,不知道在座各位今年的中秋将迎来与家人团聚的幸福,还是“举杯邀明月,低头写代码。”的苦涩加班,甚至一边吃团圆饭一边加班的恼人场景,想想都心酸。以上无论哪种情况都是程序员生活的真实写照呀(笑哭)。

我想离家近的小伙伴们肯定是下班立马赶回家与亲友们吃团圆饭,那么离家远,身处他乡的朋友们,有同事的地方就有家,届时和节日还公司一起加班的几个好兄弟,在月下来个痛快畅饮吧!

不管怎样,都祝福在IT行业奋斗的各位同仁们能过一个好的中秋节,工作顺顺利利,出入平平安安,家庭和和睦睦,天天开开心心,月月奖金多多,年年业绩高高,世世幸福安康。

代码完美无BUG,中秋团圆不加班!

效果展示

代码展示

由于代码十分简单,在这里就不做过多讲解了。

HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>中秋节快乐</title></head><body> <div class="container"> <div class="moon"></div> <h1>2022 祝愿中秋快乐</h1> <p>陈橘又青</p> <div class="star star1"></div> <div class="star star2"></div> <div class="star star3"></div> <div class="wave wave_1"></div> <div class="wave wave_2"></div> <div class="wave wave_3"></div> </div></body></html> css@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');body {background: #4a47e9f1;}.container { position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; margin-top: -200px; margin-left: -200px; border-radius: 2px;box-shadow: .5rem 1rem 1rem 0 rgba(0,0,0,0.6);overflow: hidden; color: #333;background-image: linear-gradient(to top, #191730, #10131d, #19125f, #050e44);}.moon {position: absolute;left: 4rem;top: 3rem;width: 6rem;height: 6rem;border-radius: 50%;background-image: linear-gradient(to left top, #b1b1c5, #928fa3, #746f82, #575162, #3c3444);}.moon:hover {transform: scale(1.2);transition: 3s;}h1 { position: absolute; top: 30%; left:24%; font-size: 2.2rem; color: goldenrod;}p { position: absolute; top: 40%; left:60%; font-family: 'Italianno', cursive; color:goldenrod; font-size: 2rem;}.star {background: white;border-radius: 50%;position: absolute;}.star1 {width: .2rem;height: .2rem;top: 3rem;right: 4rem;}.star2, .star3 {width: .1rem;height: .1rem;}.star2 {top: 5rem;right: 10rem;}.star3 {top: 14rem;left: 3rem;}.wave { position: absolute; width: 150%; bottom: 0;}.wave::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 20px; background-size: 40px 40px;}.wave::after { content: ""; position: absolute; left: 0; top: 0; right: 0; background-repeat: repeat; height: 27px; background-size: 80px 40px;}.wave {transition: 3s;}.wave_1 { height: 80px; background: #7375f5; z-index: 30;}.wave_1::before { background-image: radial-gradient(circle at 20px 28px, transparent 24px, #525ce2 25px);}.wave_1::after { background-image: radial-gradient(circle at 10px 0px, #525ce2 14px, transparent 25px);}.wave_2 { left: -30px; height: 120px; background: #525ce2; z-index: 20;}.wave_2::before { background-image: radial-gradient(circle at 20px 28px, transparent 24px, #181e7e 25px);}.wave_2::after { background-image: radial-gradient(circle at 10px 0px, #181e7e 14px, transparent 15px);}.wave_3 { left: -10px; height: 150px; background: #181e7e; z-index: 10;}.wave_3::before { background-image: radial-gradient(circle at 20px 28px, transparent 24px, #080b31 25px);}.wave_3::after { background-image: radial-gradient(circle at 10px 0px, #080b31 14px, transparent 25px);}.wave_1 { animation: wave1 10s infinite;}@keyframes wave1 { 0% { transform: translateX(0px); } 25% { transform: translateX(-50px); } 50% { transform: translateX(0px); } 75% { transform: translateX(-30px); } 100% { transform: translateX(0px); }}.wave_2 { animation: wave2 12s infinite;}@keyframes wave2 { 0% { transform: translateX(0px); } 25% { transform: translateX(25px); } 50% { transform: translateX(0px); } 75% { transform: translateX(30px); } 100% { transform: translateX(0px); }}.wave_3 { animation: wave3 9s infinite;}@keyframes wave3 { 0% { transform: translateX(0px); } 25% { transform: translateX(-30px); } 50% { transform: translateX(0px); } 75% { transform: translateX(-10px); } 100% { transform: translateX(0px); }}

小彩蛋程序员过中秋丨用代码制作一个祝福小网页(html+css)(程序员中秋节祝福语)

对于程序员来说,加班是常态。程序员的中秋有月饼,肯定也有代码要敲,有bug要改。当你回着微信信息、浏览朋友圈、刷新微博热搜榜、听着音乐软件的歌曲、和小伙伴们集体开黑时,背后可能有一群程序员在加班加点,用代码守候着你的小确幸。

在程序员的世界里,这个世界上只有两种人:一种是懂程序的,另一种是不懂的。

在你们的想象中“程序员过中秋”是这样子的吗?

🔘 无时无刻不在敲代码

🔘 买一件格子衬衫送给自己当中秋礼物

🔘 头顶比八月十五的月亮还亮

其实都错了,程序员哪能这么简单的过中秋呢,作为一个挣得了高薪,吃得了泡面的程序员,不但能行云流水的写代码,还可以低头写代码之余吟诗一首:

#include<stdio.h>#include<string.h>void main{char name[3][15]={"明月","月饼","中秋"};int i,j,k;for ( i=0;i<3;i++ )if ( strcmp(name[i],"明月")==0 ){printf("明月几时有,把饼问青天。n",name[i]);}for ( j=0;j<3;j++ )if ( strcmp(name[j],"月饼")==0 ){printf("不知饼中何馅,今日是榴莲。n",name[j]);}for ( k=0;k<3;k++ )if ( strcmp(name[k],"中秋")==0 ){printf("祝大家和和美美、团团圆圆,节日快乐!n",name[k]);}}

运行结果:

明月几时有,把饼问青天。

不知饼中何馅,今日是榴莲。

祝大家和和美美、团团圆圆,节日快乐!

本文链接地址:https://www.jiuchutong.com/zhishi/283743.html 转载请保留说明!

上一篇:jfCacheMgr.exe是什么进程 jfCacheMgr.exe程序文件介绍(jmcacdefg什么意思)

下一篇:fsg.exe是什么进程 作用是什么 fsg进程查询(igfxem.exe是什么进程)

  • 小米手机如何让应用保持运行(小米手机如何让屏幕一直亮着)

    小米手机如何让应用保持运行(小米手机如何让屏幕一直亮着)

  • 物联卡可以开热点不(物联卡可以开热点给别人用吗)

    物联卡可以开热点不(物联卡可以开热点给别人用吗)

  • ai更改语言设置在哪里(ai切换语言)

    ai更改语言设置在哪里(ai切换语言)

  • 抖音音浪怎么分成(抖音音浪怎么分配)

    抖音音浪怎么分成(抖音音浪怎么分配)

  • 苹果手机充电完成标志(苹果手机充电完成)

    苹果手机充电完成标志(苹果手机充电完成)

  • 输入公式后只显示公式(输入公式只显示公式)

    输入公式后只显示公式(输入公式只显示公式)

  • 华为手机程序准备中是什么意思(华为手机程序准备中 重启没用)

    华为手机程序准备中是什么意思(华为手机程序准备中 重启没用)

  • 为什么腾讯游戏人脸识别要搞很多次(为什么腾讯游戏这么火)

    为什么腾讯游戏人脸识别要搞很多次(为什么腾讯游戏这么火)

  • qq电话悬浮窗不见了(qq电话悬浮窗不在桌面显示)

    qq电话悬浮窗不见了(qq电话悬浮窗不在桌面显示)

  • 淘宝记录删除能找回来吗(淘宝记录删了还可以查到吗?)

    淘宝记录删除能找回来吗(淘宝记录删了还可以查到吗?)

  • 抖音连着点赞会限流吗(抖音连着点赞会被限流吗)

    抖音连着点赞会限流吗(抖音连着点赞会被限流吗)

  • 苹果18w快充支持哪些手机(苹果18w快充支持哪些苹果手机)

    苹果18w快充支持哪些手机(苹果18w快充支持哪些苹果手机)

  • wps单倍行距是多少(wps2019单倍行距怎么设置)

    wps单倍行距是多少(wps2019单倍行距怎么设置)

  • prtscr键是什么意思(prtsc键是什么意思)

    prtscr键是什么意思(prtsc键是什么意思)

  • 拍摄40MP与10MP区别(10mp和24mp)

    拍摄40MP与10MP区别(10mp和24mp)

  • blued拍照认证通过后别人能看到吗(blued认证一直没反应)

    blued拍照认证通过后别人能看到吗(blued认证一直没反应)

  • 显示群成员昵称是什么意思(qq群设置不显示群成员昵称)

    显示群成员昵称是什么意思(qq群设置不显示群成员昵称)

  • 手机号注销了还能查到个人信息吗(手机号注销了还能收到验证码吗)

    手机号注销了还能查到个人信息吗(手机号注销了还能收到验证码吗)

  • ipadminia1432是几代(ipadmini a1432是什么版本)

    ipadminia1432是几代(ipadmini a1432是什么版本)

  • 手机网易云音乐下载的歌曲在哪里(手机网易云音乐怎么下载到本地)

    手机网易云音乐下载的歌曲在哪里(手机网易云音乐怎么下载到本地)

  • wifi热点被拉黑了怎么解除(wifi热点被拉黑名单)

    wifi热点被拉黑了怎么解除(wifi热点被拉黑名单)

  • ps4连wifi的步骤(ps4连接wifi教程)

    ps4连wifi的步骤(ps4连接wifi教程)

  • 喜马拉雅怎么下载不了了

    喜马拉雅怎么下载不了了

  • 如何在京东商城购物(如何在京东商城上开店)

    如何在京东商城购物(如何在京东商城上开店)

  • 一个g是多少mb(一个g是多少mg)

    一个g是多少mb(一个g是多少mg)

  • 无法访问您可能没有权限使用网络资源(无法访问您可能的网络)

    无法访问您可能没有权限使用网络资源(无法访问您可能的网络)

  • 微信小程序 四种弹窗方式(微信小程序四人游戏)

    微信小程序 四种弹窗方式(微信小程序四人游戏)

  • 琼斯海滩的雪鸮,纽约长岛 (© Vicki Jauron/Getty Images)(琼斯的大海怪)

    琼斯海滩的雪鸮,纽约长岛 (© Vicki Jauron/Getty Images)(琼斯的大海怪)

  • autoreconf命令  更新已经生成的配置文件(autoreconf -ivf)

    autoreconf命令 更新已经生成的配置文件(autoreconf -ivf)

  • 现金流量表和其他表的勾稽关系
  • 小规模纳税人利润如何缴税
  • 社保申报后不能缴费
  • 费用类科目分类怎么避免出错
  • 个体工商户核定征收税率
  • 新会计准则开办费分摊
  • 销售奖金怎么做会计分录
  • 铁路运输专用发票印花税处理
  • 非货币性资产交换的会计处理
  • 运输费计入采购成本的分录
  • 实收资本印花税是一年一交吗
  • 外购烟丝消费税是多少
  • 支付职工补贴计入什么科目
  • 个税退税退给个人还是单位
  • 本月只有红字发票该怎么申报小规模
  • 办公室零食知乎
  • 参展补助
  • 理财赎回利息怎么做账分录
  • 2021最新车船税
  • 预付款增加说明什么
  • 500人的公司财务部几人
  • 代驾费用入什么二级科目
  • 委托加工业务流程图
  • 车船税收费标准2023年多少钱
  • 备用金冲销会计怎么做账
  • 暂时性差异的转回期间如何确定
  • 合伙企业生产经营所得
  • 广告性质的赞助支出可以在企业所得税前扣除吗
  • 付款结算单范本
  • 小米mini路由器mesh
  • vue3+vite+typescript出现does not provide an export named ‘xxx‘ 解决方法
  • pace框架
  • 红字增值税专用发票信息表怎么填
  • nvm for window
  • 浅谈php中类和对象的区别
  • 各种汇票
  • zencart安装教程
  • vue结合elementui
  • php获取浏览器ua
  • js轮播图实现思路
  • 主营业务成本和生产成本的区别
  • 包装物为什么是无菌的
  • 免抵退税额怎么计算城建税
  • php 用户
  • 非营利组织缴纳增值税账务处理
  • 所得税汇算清缴账务处理
  • 工会费的会计分录是什么
  • 应交税费案例分析题
  • Windows PostgreSQL 安装图文教程
  • 营业外支出属于费用类科目吗
  • 银行退回转账
  • 存货质押融资的公司有哪些
  • 差额征收的有哪些
  • 发票缴销后还要保存吗
  • 从会计角度看会计刺客
  • 国税定额发票有什么用
  • 个体工商户如何给员工交五险一金
  • 私营企业固定资产法律制度
  • mysql改表名语句
  • MySQL 与 Elasticsearch 数据不对称问题解决办法
  • mssql 优化
  • linux安装sz
  • vmp.exe是什么
  • win7系统internet怎么打开摄像头
  • win8打游戏
  • 正则表达式语法 \d
  • 冒充咋写
  • opengl learn
  • 中文路径和英文路径
  • linux shell脚本命令
  • python数据导出
  • android遇到的难题
  • shell脚本if用法
  • shell定时删除指定目录下的文件夹
  • JavaScript中setUTCFullYear()方法的使用简介
  • python语言及应用
  • 资产划转是什么会计科目
  • 消费税由谁来承担
  • 不予处罚不予立案
  • 放管服中的服的深层含义
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设