css
小金的口袋
这个作者很懒,什么都没留下…
展开
-
css怎么实现雪人
冬天来了,怎么能少的了雪人呢,不管是现实中还是程序员的代码中统统都的安排上,那就一次安排几个雪人兄弟,咱们先看效果图:有喜欢的就赶紧cv拿走吧!!!其详细代码如下:图1html部分: <div class="snowman"> <div class="snowman-face"></div> <div class="snowman-nose"></div> <div class="mouth">&l原创 2021-12-30 15:43:50 · 851 阅读 · 0 评论 -
如何用CSS实现角标
需要实现如下图所示的角标其代码如下所示,可直接cv复用,根据自行需要进行修改:html部分代码:<div class='card-wrap'> <div class='news1'> <div class='ribbon'> <div class='ribbon1'>热点</div> </div> </div> </div>CSS部分代码:.card-wra原创 2021-12-21 09:27:50 · 5652 阅读 · 0 评论 -
纯css实现文字跳动的动画效果
以下图片为截图所得,所以为静态展示具体实现的详细代码如下,可直接cv复用:html部分代码:<h1 class="my-words"> <span>H</span><span>e</span><span>l</span><span>l</span><span>o</span><span> </span><span>w<原创 2021-12-18 15:00:56 · 3489 阅读 · 0 评论 -
canvas绘制圣诞树(动态效果)
最近不知道咋的都玩起了用备忘录手绘圣诞树,作为万能的程序员,肯定也要跟上潮流,那用代码来实现圣诞树吧。实现效果如下:具体代码如下,可直接cv复用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html, body { width: 100%;原创 2021-12-17 15:05:49 · 1254 阅读 · 0 评论 -
CSS实现鼠标悬停渐变按钮合集
html部分:<div class="buttons"> <button class="btn-hover color-1">BUTTON</button> <button class="btn-hover color-2">BUTTON</button> <button class="btn-hover color-3">BUTTON</button> <button class=.原创 2021-07-12 09:13:59 · 750 阅读 · 0 评论