سلام ، خواهش میکنم
خوب متوجه منظورتون نشدم ، اگه منظورتون اینه بفرمایید :
<a href="@href" class="hvr-shutter-in-horizontal">ادامه مطلب</a>و اگه میخوای همین استایل رو رو دکمه بزاری نیازمند تغیرات است
سلام
منظورم اینه که حضرتعالی در چند پست قبل محبت کردید و استایل زیر برای دکمه در اختیارم گذاشتید
.button {display: inline-block;font-weight: bold;color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 20px;padding: 5px 12px;-webkit-border-radius: 1px;border-radius: 1px;position: relative;margin: 0 10px 10px 0;}.button:after {position: absolute;display: block;content: "";top: -1px;left: -1px;right: -1px;bottom: -1px;z-index: -1;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);}.button:active {-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.02) !important;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.02) !important;}.button:active:after {-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) !important;box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) !important;}green-button:hover {-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 #9aceb3;box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 #9aceb3;background-color: #82c3a1;background-image: -webkit-gradient(linear, left top, left bottom, from(#82c3a1), to(#5aa874));background-image: -webkit-linear-gradient(top, #82c3a1, #5aa874);background-image: -moz-linear-gradient(top, #82c3a1, #5aa874);background-image: -o-linear-gradient(top, #82c3a1, #5aa874);background-image: -ms-linear-gradient(top, #82c3a1, #5aa874);background-image: linear-gradient(top, #82c3a1, #5aa874);filter: progid
XImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#82c3a1', EndColorStr='#5aa874');}.green-button {text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 #AE35DE;box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 0 #AE35DE;}.green-button,.green-button:active {background-color: #AE35DE;background-image: -webkit-gradient(linear, left top, left bottom, from(#AE35DE), to(#AE35DE));background-image: -webkit-linear-gradient(top, #AE35DE, #AE35DE);background-image: -moz-linear-gradient(top, #AE35DE, #AE35DE);background-image: -o-linear-gradient(top, #AE35DE, #AE35DE);background-image: -ms-linear-gradient(top, #AE35DE, #AE35DE);background-image: linear-gradient(top, #AE35DE, #AE35DE);filter: progid
XImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#AE35DE', EndColorStr='#AE35DE');}.green-button:after {background-color: #449e65;background-image: -webkit-gradient(linear, left top, left bottom, from(#449e65), to(#2e703b));background-image: -webkit-linear-gradient(top, #449e65, #2e703b);background-image: -moz-linear-gradient(top, #449e65, #2e703b);background-image: -o-linear-gradient(top, #449e65, #2e703b);background-image: -ms-linear-gradient(top, #449e65, #2e703b);background-image: linear-gradient(top, #449e65, #2e703b);filter: progid
XImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#449e65', EndColorStr='#2e703b');}.green-button:active:after {background-color: #3e9256;background-image: -webkit-gradient(linear, left top, left bottom, from(#3e9256), to(#347b42));background-image: -webkit-linear-gradient(top, #3e9256, #347b42);background-image: -moz-linear-gradient(top, #3e9256, #347b42);background-image: -o-linear-gradient(top, #3e9256, #347b42);background-image: -ms-linear-gradient(top, #3e9256, #347b42);background-image: linear-gradient(top, #3e9256, #347b42);filter: progid
XImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3e9256', EndColorStr='#347b42');}وبا توجه به دستور زیر این دکمه برای ادامه مطلب فراخوانی کردم و عالی کار میکنه
<a href="@href"><a class="button green-button" href="@href">ادامه مطلب</a>اما من دوست دارم که اون استایل hvr-shutter-in-horizontal رو بر روی دکمه
button green-button پیاده سازی بشه
اگه میشه ممنون میشم کد نهایی رو بزارید
با کمال تشکر و قدردانی
