jimyking - 博客园

2021年6月13日

摘要： <script> // 1.参数问题： // 1.1.两个参数 const sum =(num1,num2)=>{ return num1+num2 } // 1.2.一个参数 const power =num =>{ return num*num } // 2.函数中的代码数量问题 // 2.1. 阅读全文

posted @ 2021-06-13 19:07 jimyking 阅读(544) 评论(0) 推荐(0)

2021年5月12日

css边框样式（动画）

摘要： html： <div class="wrap"> <a href="#">shui</a> </div> css： body { display: -webkit-box; display: flex; flex-wrap: wrap; justify-content: center; align- 阅读全文

posted @ 2021-05-12 15:31 jimyking 阅读(120) 评论(0) 推荐(0)

2021年5月11日

css文字动画（自动换文字）

摘要： html： <div class="content"> <div class="content__container"> <p class="content__container__text"> 酒之 </p> <ul class="content__container__list"> <li cl 阅读全文

posted @ 2021-05-11 09:31 jimyking 阅读(544) 评论(0) 推荐(0)

2021年5月9日

css实现文字过度变色效果

摘要： html： <div class="news text-center"> <a href="#"> <span>新</span> <span>闻</span> <span>中</span> <span>心</span> </a> </div> css： .news { font-size: 40px 阅读全文

posted @ 2021-05-09 10:29 jimyking 阅读(619) 评论(0) 推荐(0)

2021年5月6日

js实现页面下拉，区块（文字，图片等）左右淡入淡出效果

摘要： html： <div class="box"> <span class="historybox"> </span> </div> <div class="box"> <span class="historybox1"> </span> </div> css： <style type="text/cs 阅读全文

posted @ 2021-05-06 14:26 jimyking 阅读(425) 评论(0) 推荐(0)

2021年5月3日

css + js 实现文字分割动画

摘要：欲实现如下的文字分割效果： html部分代码如下：悠酒网 css部分代码如下： body { height: 100%; background: white; } h1 { color: black; text-align: center; font-size: 10vw; position: r 阅读全文

posted @ 2021-05-03 15:31 jimyking 阅读(195) 评论(0) 推荐(0)

2021年5月2日

js实现返回顶部按钮

摘要： html： <div class="box"></div> <div class="box1"></div> <div id="btn"> <img src="img/return.png" width="50px"height="40px"> </div> css： .box { width: 1 阅读全文

posted @ 2021-05-02 23:24 jimyking 阅读(94) 评论(0) 推荐(0)

css实现毛玻璃效果

摘要： html：<div class="card"> </div> css： .card { position: relative; height: 270px; width: 450px; border-radius: 25px; background: rgba(255, 255, 255, 0.2) 阅读全文

posted @ 2021-05-02 15:25 jimyking 阅读(318) 评论(0) 推荐(0)

2021年4月28日

css实现相框效果

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body { background: skyblue; color: #FFFFFF; display: flex; 阅读全文

posted @ 2021-04-28 09:13 jimyking 阅读(1021) 评论(0) 推荐(0)

2021年4月21日

如何用CSS实现好看的角标

摘要：需要实现如下图所示的角标其代码如下所示，可直接cv复用，根据自行需要进行修改： html部分代码： <div class='card-wrap'> <div class='news1'> <div class='ribbon'> <div class='ribbon1'>热点</div> </di 阅读全文

posted @ 2021-04-21 10:20 jimyking 阅读(1404) 评论(0) 推荐(1)