css CSS片段

Posted 2021-05-13

@media (max-width: 960px) {

  /**
    *  add .tm-flex-reverse class to .uk-grid
    *  to reverse direction of child items
	*
    */
  .tm-flex-reverse {
      display: flex;
      flex-wrap: wrap-reverse;
  }
  
}


/**
 *  Use data attribute for :before :after content
 *  <div data-line="1"></div>
 *
 */
div[data-line]:after { 
	content: attr(data-line); /* no quotes around attribute name! */
}


/**
 *	Center Element Vertically
 *
 */
.div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
} 


/**
 *	Hide scrollbar
 *
 */
 
 /* firefox */ 
 #element {
		scrollbar-width: none; 
 }
 
 /*chrome */
#element::-webkit-scrollbar { 
    display: none; 
}


/**
 * 	Flip Image 
 *
 */

/* horizontal */
img {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.tm-angle {
    position: absolute;
    right: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    width: 50px;
    background: red;
    /* The points are: centered top, left bottom, right bottom */
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.tm-video-bg {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
.tm-video-bg iframe,
.tm-video-bg object,
.tm-video-bg embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}