原文:纯css 制作简单的爱心

网页中我们用到爱心 的地方不少,如看到一篇喜欢的文章给他点个赞,表白你喜欢的女孩,给他比个小心心什么的。 今天用纯css写一个简单的爱心。 简单思路如下: .先做一个盒子,里面包含两个小盒子 .两个小盒子弄成一样大小的长方形 .通过border radius transform,进行调整,整合成一个爱心 代码如下: HTML部分: css部分: 注:因各浏览器对css 支持不一的关系,所以需要在t ...

2019-08-14 15:37 0 478 推荐指数:

查看详情

css爱心并实现“爱心跳动”

  第一次写博客,来记录自己在前端上的成长,并且希望能够借鉴到其他大神的经验来提高自己的水平。这次打算用css来画一个爱心并实现“爱心跳动”的功能,下面如果有表述不正确的叙述,欢迎各位大神前来指导~    css爱心并实现“爱心跳动”用到了以下相关知识点:背景图片、定位、CSS ...

Tue May 14 01:04:00 CST 2019 0 936
CSS制作简单loading动画

  曾经以为,loading的制作需要一些比较高深的web动画技术,后来发现大多数loading都可以用“障眼法”做出来。比如一个旋转的圆圈,并不都是将gif图放进去,有些就是画个静止图像,然后让它旋转就完了。gif图也可以,但是加载时间比较长。   CSS的animation可以做出大多数 ...

Tue Apr 17 21:45:00 CST 2018 2 1448
css3实现爱心图标

使用伪元素实现 使用一个div 1 <div class="heart-shape"></div> css样式设置 ...

Mon Feb 13 18:40:00 CST 2017 0 2564
CSS】如何用css做一个爱心

摘要:HTML的标签都比较简单,入门非常的迅速,但是CSS是一个需要我们深度挖掘的东西,里面的很多样式属性掌握几个常用的便可以实现很好看的效果,下面我便教大家如何用CSS做一个爱心。   前期预备知识:   明白正方形的画法。 明白圆形的画法。 明白 ...

Mon Apr 17 19:16:00 CST 2017 17 20705
html+css制作简单的静态页面

第一次玩博客,很多东西都不太会玩,慢慢摸索,慢慢进步,勿怪! 本文举两个例子,1为仿聚美优品登录页面,2为仿英雄联盟首页。 ...

Wed Aug 14 00:12:00 CST 2019 1 6576
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM