CSS——笑脸

最新推荐文章于 2021-06-11 13:13:06 发布

spfLinux

最新推荐文章于 2021-06-11 13:13:06 发布

阅读量1.1k

点赞数

分类专栏： css 文章标签： css 笑脸

本文链接：https://blog.csdn.net/spfLinux/article/details/78456914

版权

css 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#d1 {
			width: 400px;
			height: 400px;
			border: 2px solid #000;
			border-radius: 50%; /* 圆 */
			background: #FFFF00;
		}
		#d2 {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			background: #000;
			position: relative;
			top: 100px;
			left: 100px;
		}
		#d3 {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			background: #000;
			position: relative;
			top: 50px;
			left: 250px;
		}
		#d4 {
		  	transform:rotate(48deg);
		   	width:200px;  
		   	height:200px;  
		   	border-radius:50%;  
		   	box-shadow: 30px 30px 0 0 #000;  
		   	position: absolute;
		   	top:120px; 
		   	left:110px;
		}
	</style>
</head>
<body>
	<!-- 笑脸图片 JS动态效果 切换几种表情 可以动态移动 -->
	<div id="d1">
		<div id="d2"></div>
		<div id="d3"></div>
	</div>
	<div id="d4">
		
	</div>
</body>
</html>

注：感觉不是很自然。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

spfLinux

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS——笑脸

Document #d1 { width: 400px; height: 400px; border: 2px solid #000; border-radius: 50%; /* 圆 */ background: #FFFF00; } #d2 { width: 50px; height: 50px; border-radius: 5
复制链接

扫一扫