Copyright notice: This article is an original article and follows
CC 4.0 BY-NC-ND
Copyright agreement. If you want to repost this article, please attach the original source link and this statement.
Source link:
https://www.v2know.com/MainPage/PreView/329
On blogger, I found a great solution:
@media screen and (max-width: 1439px)
.sidebar-container.sidebar-invisible {
-webkit-transition-timing-function: cubic-bezier(.4,0,.6,1);
transition-timing-function: cubic-bezier(.4,0,.6,1);
-webkit-transform: translateX(-284px);
-ms-transform: translateX(-284px);
transform: translateX(-284px);
}
This is what I see when I press F12 in chrome.
This CSS code may help you find out how to design a hidden sidebar.
This will be very useful for improving your mobile user experience.
I will add the specific description of this CSS code later.