a { position: relative; color: #000; text-decoration: none; } a::after { content: ''; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #000; visibility: hidden; transform: scaleX(0); transform-origin: left; transition: all 0.3s ease-in-out; } a:hover::after { visibility: visible; transform: scaleX(1); }
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; } header { background-color: #4CAF50; color: white; padding: 1em 0; text-align: center; } main { padding: 2em; } .version { background-color: white; margin: 1em 0; padding: 1em; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .version h2 { color: #4CAF50; margin-top: 0; } footer { text-align: center; padding: 1em 0; background-color: #4CAF50; color: white; position: fixed; width: 100%; bottom: 0; }