CSSRulePlugin使用示例代码

代码语言:html

所属分类:动画

代码描述:CSSRulePlugin使用示例代码

代码标签: CSSRulePlugin 使用 示例 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  
  
  
<style>
body {
    margin: 100px;
  background-color:#1d1d1d;
  font-family:sans-serif;
}

.box {
  width:100px;
  height:50px;
  position:relative;
  font-size:20px;
  line-height:50px;
  border-radius:6px 0 0 6px;
  margin-top:4px;
  background-color:#6fb936;
  padding-left:10px;
}

.box:after {
  content:"X";
  position:absolute;
  font-size:20px;
  line-height:50px;
  text-align:center;
  left:100px;
  width:40px; 
  height:50px;
  background-color:#6fb936;
  border-radius:0 6px 6px 0;
  color:#6fb936;
}
</styl.........完整代码请登录后点击上方下载按钮下载查看

网友评论0