home.wxss 696 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. bar .content image{
  2. height: 30px;
  3. width: 120px;
  4. }
  5. .cardTitle{
  6. color: #fff;
  7. padding: 45px 30px;
  8. font-size: 20px;
  9. font-weight: 300;
  10. transform: skew(-10deg, 0deg);
  11. position: relative;
  12. text-shadow: 0px 0px 3px rgba(0,0,0,0.3)
  13. }
  14. .cardTitle::before{
  15. content: "";
  16. position: absolute;
  17. width: 30px;
  18. height: 3px;
  19. border-radius: 10px;
  20. background-color: #fff;
  21. display: block;
  22. top: 30px;
  23. left: 25px;
  24. transform: skew(10deg, 0deg);
  25. }
  26. .cardTitle::after{
  27. content: "";
  28. position: absolute;
  29. width: 70px;
  30. border-radius: 3px;
  31. height: 12px;
  32. background-color: #fff;
  33. display: block;
  34. bottom: 38px;
  35. left: 45px;
  36. transform: skew(10deg, 0deg);
  37. opacity: 0.1;
  38. }