1.前端之路-css-一颗爱心

原创 2017年10月06日 23:41:45


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
.one{
margin: 0 auto;
padding: 0px;
width: 500px;
height: 500px;
background-color: rgba(0,0,45,0.5);
}
.two{
width: 160px;
height: 160px;
margin: 0 auto;
background-color: red;
position: relative;
top: 150px;
}
.two:before{
content: "";
display: block;
width: 160px;
height: 160px;
border-radius: 50%;
background-color: red;
position: relative;
top: -80px;


}
.two:after{
content: "";
display: block;
width: 160px;
height: 160px;
border-radius: 50%;
background-color: red;
position:relative;
right: -80px;
top: -160px;
}
.two{
transform: rotate(-45deg);
}
</style>
<body>
<div class="one">
<div class="two">

</div>
</div>
</body>
</html>


一步一步教你用CSS画爱心

一步一步教你用CSS画爱心 CSS有很多小魔法,今天就介绍一种画爱心的方法(是纯CSS画的哦)。网上有很多教程,但这个画法是本人原创哦~ ———————————来自北极熊猫的分割线————————...
  • u011184841
  • u011184841
  • 2016年05月22日 21:48
  • 3446

Css3动画效果,超简单的loveHeart,爱心特效,程序员表白必备

原生js+Css3动画效果,彩色文字效果,超简单的loveHeart,爱心动画效果,文字随机彩色闪字,适合初学者学习...
  • qq_33270001
  • qq_33270001
  • 2017年06月24日 12:53
  • 1215

用 CSS3 画心形和搜索放大镜图标

用 CSS3 画心形 1、先来个class="heart"的div div class="heart">div>  2、讲上面的 div 整成红色的正方形,然后转 45 ...
  • zongzhenshuozv
  • zongzhenshuozv
  • 2016年08月31日 18:42
  • 1607

[前端大神之路]CSS_Secreats

  • 2015年08月17日 11:11
  • 8.66MB
  • 下载

CSS系列——前端进阶之路:初涉Less

CSS系列——前端进阶之路:初涉Less 阅读目录 一、Less介绍 1、官方介绍2、自己理解3、Less、Sass、Stylus 二、Less使用入门 ...
  • p312011150
  • p312011150
  • 2017年06月16日 14:42
  • 179

前端学习之路——css高级

css高级html: /*css 定位,css 浮动,css 尺寸,css 导航栏,css 图片*/ ...
  • gyt478922579
  • gyt478922579
  • 2016年09月08日 21:20
  • 79

前端学习之路css(01)-简介

CSS 简介1. CSS是什么 CSS 指层叠样式表 (Cascading Style Sheets); 样式定义如何显示 HTML 元素; 样式通常存储在样式表中; 把样式添加到 HTML 4.0 ...
  • weixin_36244867
  • weixin_36244867
  • 2017年03月23日 10:03
  • 194

CSS系列——前端进阶之路:初涉Less

前言:最近帮一个朋友解决点问题,在查看组件源码的时候涉及到了less语法,这可难倒博主了。没办法,既然用到就要学呗,谁让咱是无所不能的程序猿呢!所以今天来学习下Less,算是笔记,也希望给初学less...
  • amm28824
  • amm28824
  • 2017年01月19日 13:12
  • 405

前端学习之路css(04)-基础知识

CSS 分组与嵌套分组选择器在样式中,我们可能有很多元素拥有同样的样式,我们可以使用分组选择器将它们一次性定义出来。每个选择器用逗号分隔。嵌套选择器它适用于选择器内部的选择器样式。CSS Dimens...
  • weixin_36244867
  • weixin_36244867
  • 2017年04月18日 21:20
  • 197

【前端攻城狮之路】CSS三列布局——两侧固定宽度、中间自适应

先附上效果图: 实现思路: 1、创建一个 div 容器(content)来存放这三个色块 2、设置容器 position:relative,两侧div position:abso...
  • qq846294282
  • qq846294282
  • 2017年04月25日 18:04
  • 239
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:1.前端之路-css-一颗爱心
举报原因:
原因补充:

(最多只允许输入30个字)