主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
css3实现心型特效
2020-06-11
网页编程网
网页编程网
<style> body{margin:0;padding: 0;} li{list-style: none;} .heart{ position: relative; margin:50px; width:200px; height:200px; background-color:#096; } .heart:before,.heart:after{ content: '';/*激活*/ position: absolute; left: 0; right: 0; width:100px; height:160px; background-color:red; border-radius:50px 50px 0 0;/*顺时针*/ } .heart:before{ transform: rotate(-45deg); } .heart:after{ transform:translateX(40px) rotate(45deg); } </style> </head> <body> <div class="heart"></div> </body>
阅读原文
阅读
3391
123
显示电脑版