01/10/2018, 14:23

CSS transition không thể hoạt động khi không đi cùng với overflow: hidden?

Tình hình là em đang làm CSS cho chữ mà khi hover khung chữ thì nó sẽ tràn màu vào khung chữ. Vấn đề của em đặt ra là có phải muốn sử dụng transition thì phải thêm thuộc tính overflow:hidden không ạ vì khi em bỏ overflow:hidden thì màu lại không tràn từ từ vào chữ nữa mà nó hiện sẵn luôn!

Vô Thin viết 16:39 ngày 01/10/2018

Đưa code lên đây, nói khơi khơi vậy ai hiểu bạn nói gì.

Không thể hoạt động đâu mà không thể hoạt động, mà do nếu không kết hợp đúng/ không kết hợp thì nó ra không như mong đợi. Cho nên, có những cái là do mẹo của những người làm CSS lâu ngày và họ phát hiện ra, nếu muốn làm giống họ thì bắt chước giống họ hoặc vào các trang thảo luận chuyên sâu về CSS để người ta thích cho.

Khi có code ở đây, nhiều người khác soi vào sẽ giải thích kỹ cho bạn, còn không, hãy “ngàn năm vẫn đợi” thôi bạn.

Diệp Thanh Tú viết 16:35 ngày 01/10/2018

file CSS ạ
.textimage {
	width:600px;
}
body{
    background-color:black;
}

.tu:before{
    content: attr(data);
}

.tu{
	color: white;
	color: transparent;
        position:relative;
        white-space: nowrap;
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: white;
}


.tu:after{
  content: attr(data);
  position: absolute;
  color: white;
  left: 0;
  width: 0;
  transition: width 5s;
  overflow: hidden;
  white-space: nowrap;
        } 
.tu:hover:after{
    width: 100%;
}

Diệp Thanh Tú viết 16:31 ngày 01/10/2018

file HTML
<html>
	<head>
		<link rel="stylesheet" href="style.css" />
        </head>
    <body>
        <div class="textimage">
		<h1 class="tu" data="header"></h1>
               <img src="https://i.pinimg.com/originals/5a/01/dc/5a01dc40f06b1f453e0fcc6241b38a85.jpg"/>
              <p>subheader</p>

        </div>
	</body>

</html>

Diệp Thanh Tú viết 16:28 ngày 01/10/2018

Dạ vâng anh thông cảm cho em nha tại em hơi lúa cái phần đăng bài.

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

Diệp Thanh Tú

0 chủ đề

0 bài viết

Tác giả nổi bật